CSS skew() functie

Definitie en gebruik

CSS skew() Functie gebruikt om elementen te hellen aan de hand van de gegeven hoek langs de x-as en y-as.

skew() Functie in transform Gebruik in eigenschappen.

Voorbeeld

Voorbeeld 1

Gebruik skew() Hell een paar <div>-elementen:

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

Probeer het zelf

Voorbeeld 2

Gebruik skew() Geheeld hellend beeld:

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

Probeer het zelf

CSS syntaxis

skew(ax, ay)
Waarde Beschrijving
ax Verplicht. Hoek. Specificeer de hellingshoek langs de x-as.
ay Optioneel. Hoek. Specificeer de hellingshoek langs de y-as. Als deze wordt overgeslagen, wordt de waarde ingesteld op 0.

Technische details

Versie: CSS Transforms Module Level 1

Browserondersteuning

Tabelnummers geven de browserversie aan die de functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Gerelateerde pagina's

Handleiding:CSS 2D transformatie

Referentie:CSS transform eigenschap

Referentie:CSS skewX() functie

Referentie:CSS skewY() functie