Funksioni scaleX
Funksioni scaleX e shkallëzon elementin
përgjatë boshtit X. Shkallëzimi kryhet
rreth pikës, e cila përcaktohet nga vetia transform-origin.
Vlera e funksionit është një numër i plotë ose thyesor.
Nëse është më i madh se 1 - elementi zmadhohet,
nëse është më i vogël (për shembull, 0.5) - elementi
zvogëlohet. Nëse vendosim 1 - asgjë nuk ndryshon
(kjo është vlera e paracaktuar).
Sintaksa
përzgjedhësi {
transform: scaleX(numri);
}
Shembull
Kur kursorin e miut e vendosim mbi bllok, do ta zmadhojmë shkallën në 1.5
herë përgjatë boshtit X:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Shembull
Kur kursorin e miut e vendosim mbi bllok, do ta zvogëlojmë shkallën në 2
herë përgjatë boshtit X:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
:
