Functie skewX
De functie skewX bepaalt de scheefheid van een element
langs de X-as, waardoor het wordt getransformeerd in een parallellogram.
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 kantelt het element naar links,
een negatieve waarde - naar rechts.
De scheefheid wordt uitgevoerd rond het punt dat wordt bepaald door
de eigenschap transform-origin.
Syntaxis
cssselector {
transform: skewX(hoek);
}
Voorbeeld
In dit voorbeeld is het blok 30
graden naar links gekanteld:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат:
Voorbeeld
In dit voorbeeld is het blok 30
graden naar rechts gekanteld:
html<div id="elem">lorem ipsum</div>css#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
Результат: