Funkcija skewY
Funkcija skewY iestata elementa slīpēšanu
pa Y asi, pārvēršot to paralelogramā.
Izmanto kopā ar īpašību transform.
Īpašības vērtība ir leņķis jebkuros leņķa
mērvienības. Leņķis var būt gan pozitīvs,
gan negatīvs. Pozitīva vērtība
veido slīpēšanu uz augšu, negatīva - uz leju.
Slīpēšana tiek veikta ap punktu, ko nosaka
īpašība transform-origin.
Sintakse
selektors {
transform: skewY(leņķis);
}
Piemērs
Šajā piemērā bloks ir slīpēts uz augšu par 30
grādiem:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Piemērs
Šajā piemērā bloks ir slīpēts uz leju par 30
grādiem:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
