Funkcija skewY
Funkcija skewY nustato elemento iškraipymą
išilgai Y ašies, paverčiant jį į lygiagretainį.
Naudojama kartu su savybe transform.
Savybės reikšmė yra kampas bet kokiame kampo
matavimo vienete. Kampas gali būti ir teigiamas,
ir neigiamas. Teigiama reikšmė
sukelia iškraipymą aukštyn, neigiama - žemyn.
Iškraipymas atliekamas aplink tašką, nurodytą
savybės transform-origin.
Sintaksė
selektorius {
transform: skewY(kampas);
}
Pavyzdys
Šiame pavyzdyje blokas iškraipytas 30
laipsnių kampu aukštyn:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Pavyzdys
Šiame pavyzdyje blokas iškraipytas 30
laipsnių kampu žemyn:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
