Kursrekommendation:

CSS skew() funktion

Definition och användning skew() CSS:

skew() Funktionen används för att luta element längs x- och y-axeln med given vinkel. transform Används i egenskapsförklaringar.

Exempel

Exempel 1

Använd skew() Luta flera <div>-element:

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Prova själv

Exempel 2

Använd skew() Luta bild:

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

Prova själv

CSS-syntax

skew(ax, ay)
Värde Beskrivning
ax Obligatorisk. Vinkel. Ange lutning längs x-axeln.
ay Valfritt. Vinkel. Ange lutning längs y-axeln. Om det överges, sätts värdet till 0.

Tekniska detaljer

Version: CSS Transforms Module Level 1

Webbläsarstöd

Tabellen siffror representerar den första webbläsarens version som helt stöder denna funktion.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Relaterade sidor

Lärord:CSS 2D-transformering

Referens:CSS transform egenskap

Referens:CSS skewX() funktion

Referens:CSS skewY() funktion