Функција scaleX
Функцијата scaleX скалира елемент
по оската X. Скалирањето се извршува
околу точката, зададена со својството transform-origin.
Вредноста на функцијата е цел или дробен
број. Ако е поголем од 1 - елементот се зголемува,
ако е помал (на пример, 0.5) - елементот
се намалува. Ако се зададе 1 - ништо не се менува
(тоа е стандардната вредност).
Синтакса
селектор {
transform: scaleX(број);
}
Пример
При посета на блокот ќе го зголемиме скалалот за 1.5
пати по оската X:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(1.5);
}
:
Пример
При посета на блокот ќе го намалиме скалалот за 2
пати по оската X:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scaleX(0.5);
}
:
