Funkcija skewY
Funkcija skewY zadaje nagib elementa
po Y osi, pretvarajući ga u paralelogram.
Koristi se zajedno sa svojstvom transform.
Vrednost svojstva je ugao u bilo kojoj jedinici
za uglove. Ugao može biti i pozitivan,
i negativan. Pozitivna vrednost
izaziva nagib na gore, negativna - na dole.
Nagib se vrši oko tačke zadate
svojstvom transform-origin.
Sintaksa
selektor {
transform: skewY(ugao);
}
Primer
U ovom primeru blok je nagnut za 30
stepeni na gore:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Primer
U ovom primeru blok je nagnut za 30
stepeni na dole:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
