scaleY funktsiyasi

scaleY funktsiyasi elementni Y o‘qi bo‘yicha masshtablaydi. Masshtablash transform-origin xususiyati bilan belgilanadigan nuqta atrofida amalga oshiriladi. Funktsiya qiymati butun yoki kasr son hisoblanadi. Agar u 1 dan katta bo‘lsa - element kattalashadi, agar kichik bo‘lsa (masalan, 0.5) - element kichrayadi. Agar 1 belgilansa - hech narsa o‘zgarmaydi (bu standart qiymat hisoblanadi).

Sintaksis

cssselector {
  transform: scaleY(son);
}

Misol

Blokka sichqoncha olib borilganda uning masshtabini 1.5 marta Y o‘qi bo‘yicha oshiramiz:

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

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

Результат:

Misol

Blokka sichqoncha olib borilganda uning masshtabini 2 marta Y o‘qi bo‘yicha kamaytiramiz:

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

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

Результат:

Shuningdek qarang