Funksioni skewY
Funksioni skewY përcakton animin e elementit
përgjatë boshtit Y, duke e shndërruar atë në 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 lart, vlera negative - poshtë.
Animi kryhet rreth pikës, e cila përcaktohet nga
vetia transform-origin.
Sintaksa
përzgjedhësi {
transform: skewY(këndi);
}
Shembull
Në këtë shembull, blloku është animuar me 30
gradë lart:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Shembull
Në këtë shembull, blloku është animuar me 30
gradë poshtë:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
: