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

cssselektor {
  transform: scaleY(broj);
}

Primer

Pri prelasku mišem preko bloka, uvećaćemo razmeru 1.5 puta po Y osi:

html<div id="elem">lorem ipsum</div>

css#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:

html<div id="elem">lorem ipsum</div>

css#elem {
  border: 1px solid black;
  width: 100px;
  height: 50px;
}
#elem:hover {
  transform: scaleY(0.5);
}

Результат:

Pogledajte takođe