Funkcija skewY
Funkcija skewY določa poševnost elementa
po osi Y, s čemer ga spremeni v paralelogram.
Uporablja se skupaj z lastnostjo transform.
Vrednost lastnosti je kot v kateri koli enoti
za kote. Kot je lahko pozitiven ali
negativen. Pozitivna vrednost
povzroči poševnost navzgor, negativna - navzdol.
Poševnost se izvede okoli točke, ki jo določa
lastnost transform-origin.
Sintaksa
selektor {
transform: skewY(kot);
}
Primer
V tem primeru je blok poševen za 30
stopinj navzgor:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Primer
V tem primeru je blok poševen za 30
stopinj navzdol:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
