Funkcija scaleX
Funkcija scaleX keičia elemento mastelį
išilgai X ašies. Mastelio keitimas atliekamas
apie tašką, nustatytą transform-origin savybe.
Funkcijos reikšmė yra sveikasis arba trupmeninis
skaičius. Jei jis didesnis už 1 - elementas padidėja,
jei mažesnis (pavyzdžiui, 0.5) - elementas
sumažėja. Jei nustatote 1 - niekas nepasikeis
(tai yra numatytoji reikšmė).
Sintaksė
selektorius {
transform: scaleX(skaičius);
}
Pavyzdys
Užvedus pelę ant bloko, padidinsime mastelį 1.5
karto išilgai X ašies:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Pavyzdys
Užvedus pelę ant bloko, sumažinsime mastelį 2
karto išilgai X ašies:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
:
