A skewX függvény
A skewX függvény az elem ferdeségét állítja be
az X tengely mentén, ezzel paralelogrammává alakítva azt.
A transform tulajdonsággal együtt használható.
A tulajdonság értéke bármilyen szövegységben
megadott szög lehet. A szög lehet pozitív vagy
negatív. A pozitív érték balra, a negatív érték
jobbra ferdeséget eredményez.
A ferdeség a transform-origin
tulajdonsággal megadott pont körül történik.
Szintaxis
selector {
transform: skewX(szög);
}
Példa
Ebben a példában a blokk 30 fokkal
balra van ferítve:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Példa
Ebben a példában a blokk 30 fokkal
jobbra van ferítve:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
