Funkcija scaleY
Funkcija scaleY keičia elemento mastelį
išilgai Y ašies. Mastelio keitimas atliekamas
apie tašką, nurodytą 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 nurodysite 1 - niekas nepasikeis
(tai yra numatytoji reikšmė).
Sintaksė
selektorius {
transform: scaleY(skaičius);
}
Pavyzdys
Užvedus pelę ant bloko, padidinsime mastelį 1.5
karto išilgai Y ašies:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
Pavyzdys
Užvedus pelę ant bloko, sumažinsime mastelį 2
karto išilgai Y ašies:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
