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

cssselektors {
  transform: scaleY(skaitlis);
}

Piemērs

Uzvedot kursorī virs bloka, palielināsim mērogu 1.5 reizes pa Y asi:

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

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

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

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

Результат:

Skatiet arī