Funksioni skewX
Funksioni skewX përcakton animin e elementit
përgjatë boshtit X, duke e shndërruar atë në një paralelogram.
Përdoret së bashku me vetinë transform.
Vlera e vetisë është një kënd në çdo njësi
për kënde. Këndi mund të jetë pozitiv
ose negativ. Vlera pozitive
e bën animin majtas, vlera negative - djathtas.
Animi kryhet rreth pikës, e cila përcaktohet nga
vetia transform-origin.
Sintaksa
përzgjedhësi {
transform: skewX(këndi);
}
Shembull
Në këtë shembull, blloku është animuar 30
gradë majtas:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Shembull
Në këtë shembull, blloku është animuar 30
gradë djathtas:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
: