Corso raccomandato:

Funzione skewX() CSS

Definizione e uso di skewX() Viene utilizzata in CSS per inclinare gli elementi secondo un angolo specificato lungo l'asse x.

skewX() La funzione transform Utilizzato nell'attributo.

Suggerimento:skewX(a) Uguale a skew(a, 0)!

Esempio

Esempio 1

Usare skewX() Inclinare più elementi <div> lungo l'asse x secondo l'angolo specificato:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

Prova da solo

Esempio 2

Usare skewX() Inclinare l'immagine lungo l'asse x secondo l'angolo specificato:

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

Prova da solo

Sintassi CSS

skewX(a)

Dettagli tecnici

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione.

Pagine correlate

Tutorial:Trasformazione 2D CSS

Riferimento:Proprietà transform CSS

Riferimento:Funzione skew() CSS

Riferimento:Funzione skewY() CSS