scaleX функциясы
scaleX функциясы элементти
X огу боюнча масштабдайт. Масштабдоо
transform-origin касиети менен белгиленген чекиттин тегерегинде жүргүзүлөт.
Функциянын мааниси бүтүн же бөлчөк
сан болуп саналат. Эгер ал 1 ден чоң болсо - элемент чоңоёт,
эгер кичине болсо (мисалы, 0.5) - элемент
кичирейет. Эгер 1 белгиленсе - эч нерсе өзгөрбөйт
(бул демейки маани болуп саналат).
Синтаксис
тандоочусу {
transform: scaleX(сан);
}
Мисал
Блокко чымылдаганда X огу боюнча масштабды 1.5
эсеге көбөйтөлү:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Мисал
Блокко чымылдаганда X огу боюнча масштабды 2
эсеге азайталы:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
:
