Funkcija scaleY
Funkcija scaleY skalira element
po Y osi. Skaliranje se vrši
oko tačke zadate svojstvom transform-origin.
Vrednost funkcije je ceo ili razlomačni
broj. Ako je veći od 1 - element se uvećava,
ako je manji (na primer, 0.5) - element
se smanjuje. Ako se zadaje 1 - ništa se ne menja
(to je i podrazumevana vrednost).
Sintaksa
selektor {
transform: scaleY(broj);
}
Primer
Pri prelasku mišem preko bloka, uvećaćemo razmeru 1.5
puta po Y osi:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(1.5);
}
:
Primer
Pri prelasku mišem preko bloka, smanjićemo razmeru 2
puta po Y osi:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleY(0.5);
}
:
