Functie skewY
De functie skewY bepaalt de scheefheid van een element
langs de Y-as, waardoor het een parallellogram wordt.
Wordt gebruikt in combinatie met de eigenschap transform.
De waarde van de eigenschap is een hoek in elke hoekeenheid.
De hoek kan zowel positief als negatief zijn.
Een positieve waarde
trekt het element scheef naar boven, een negatieve waarde - naar beneden.
De scheefheid wordt uitgevoerd rondom het punt dat wordt bepaald door
de eigenschap transform-origin.
Syntaxis
selector {
transform: skewY(hoek);
}
Voorbeeld
In dit voorbeeld is het blok 30
graden naar boven geschoven:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Voorbeeld
In dit voorbeeld is het blok 30
graden naar beneden geschoven:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
