Функция scaleY

Функция scaleY элементти Y огу боюнча масштабдайт. Масштабдоо transform-origin касиети менен белгиленген чекиттин тегерегинде жүргүзүлөт. Функциянын мааниси бүтүн же бөлчөк сан болуп саналат. Эгер ал 1ден чоң болсо - элемент чоңойот, эгер кичине болсо (мисалы, 0.5) - элемент кичирейет. Эгер 1 белгиленсе - эч нерсе өзгөрбөйт (бул демейки маани болуп саналат).

Синтаксис

cssтандоочу {
  transform: scaleY(сан);
}

Мисал

Блокко курсорду алып барганда, масштабды Y огу боюнча 1.5 эсеге көбөйтөлү:

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

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

Результат:

Мисал

Блокко курсорду алып барганда, масштабды Y огу боюнча 2 эсеге азайталы:

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

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

Результат:

Ошондой эле караңыз