Kursus anbefaling:

CSS skewX() funktion

Definition og brug skewX() CSS

skewX() Funktionen bruges til at hælte elementer langs x-aksen med den givne vinkel. transform Brug i egenskabskald.

Tips:skewX(a) Ligesom skew(a, 0)!

Eksempel

Eksempel 1

Brug skewX() Hæld flere <div>-elementer langs x-aksen efter den givne vinkel:

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

Prøv det selv

Eksempel 2

Brug skewX() Hæld billedet langs x-aksen efter den givne vinkel:

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

Prøv det selv

CSS syntaks

skewX(a)

Tekniske detaljer

Browserstøtte

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne funktion.

Relaterede sider

Tilførsel:CSS 2D transformation

Referencer:CSS transform egenskab

Referencer:CSS skew() funktion

Referencer:CSS skewY() funktion