Funkcija scaleY
Funkcija scaleY mērogo elementu
pa Y asi. Mērogošana tiek veikta
ap punktu, ko nosaka īpašība transform-origin.
Funkcijas vērtība ir vesels vai daļskaitlis.
Ja tas ir lielāks par 1 - elements palielinās,
ja mazāks (piemēram, 0.5) - elements
samazinās. Ja iestatīsiet 1 - nekas nemainīsies
(tā ir noklusējuma vērtība).
Sintakse
selektors {
transform: scaleY(skaitlis);
}
Piemērs
Uzvedot kursorī virs bloka, palielināsim mērogu 1.5
reizes pa Y asi:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
Piemērs
Uzvedot kursorī virs bloka, samazināsim mērogu 2
reizes pa Y asi:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
