Funkcija skewX
Funkcija skewX nustato elemento iškraipymą
išilgai X ašies, taip paverčiant jį į paralelogramą.
Naudojama kartu su savybe transform.
Savybės reikšmė yra kampas bet kuriame kampo
vienetuose. Kampas gali būti ir teigiamas,
ir neigiamas. Teigiama reikšmė
sukelia iškraipymą į kairę, neigiama - į dešinę.
Iškraipymas atliekamas aplink tašką, nustatytą
savybės transform-origin.
Sintaksė
selektorius {
transform: skewX(kampas);
}
Pavyzdys
Šiame pavyzdyje blokas iškraipytas 30
laipsnių kairėn:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Pavyzdys
Šiame pavyzdyje blokas iškraipytas 30
laipsnių dešinėn:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
