Kursrekommendation:

CSS skewY() funktion

Definition och användning skewY() CSS:

skewY() Funktionen används för att böja element längs y-axeln med den givna vinkeln. transform Används i egenskapsförklaringar.

Exempel

Exempel 1

Använd skewY() Böj flera <div>-element längs y-axeln med den givna vinkeln:

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

Prova själv

Exempel 2

Använd skewY() Böj bilderna längs y-axeln med den givna vinkeln:

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

Prova själv

CSS-syntax

skewY(a)

Tekniska detaljer

Webbläsarstöd

Tabellens nummer indikerar den första webbläsarversion som helt stöder denna funktion.

Relaterade sidor

Lär dig:CSS 2D-transformering

Referens:CSS transform egenskap

Referens:CSS skew() funktion

Referens:CSS skewX() funktion