Aanbevolen cursus:

CSS skewY() functie

Definitie en gebruik skewY() CSS

skewY() De functie wordt gebruikt om elementen te kantelen langs de y-as met de gegeven hoek. Transform Gebruik in eigenschappen.

Voorbeeld

Voorbeeld 1

Gebruik skewY() Schuif meerdere <div>-elementen in de gegeven hoek langs de y-as:

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

Probeer het zelf uit

Voorbeeld 2

Gebruik skewY() Schuif de afbeelding in de gegeven hoek langs de y-as:

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

Probeer het zelf uit

CSS syntaxis

skewY(a)
Waarde Beschrijving
a Verplicht. Hoek. Specificeer de hellingshoek langs de y-as.

Technische details

Versie: CSS Transforms Module Level 1

Browserondersteuning

De cijfers in de tabel vertegenwoordigen de browserversie die de functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Gerelateerde pagina's

Tutorial:CSS 2D transformatie

Referentie:CSS transform eigenschap

Referentie:CSS skew() functie

Referentie:CSS skewX() functie