Funkcija skewX
Funkcija skewX določa poševnost elementa
vzdolž osi X, 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 v levo, negativna - v desno.
Poševnost se izvede okoli točke, ki jo določa
lastnost transform-origin.
Sintaksa
selektor {
transform: skewX(kot);
}
Primer
V tem primeru je blok poševen za 30
stopinj v levo:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Primer
V tem primeru je blok poševen za 30
stopinj v desno:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
