scaleX функциясы

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

Синтаксис

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

Мисал

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

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

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

Результат:

Мисал

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

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

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

Результат:

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