Функција scaleX

Функцијата scaleX скалира елемент по оската X. Скалирањето се извршува околу точката, зададена со својството transform-origin. Вредноста на функцијата е цел или дробен број. Ако е поголем од 1 - елементот се зголемува, ако е помал (на пример, 0.5) - елементот се намалува. Ако се зададе 1 - ништо не се менува (тоа е стандардната вредност).

Синтакса

cssселектор {
  transform: scaleX(број);
}

Пример

При посета на блокот ќе го зголемиме скалалот за 1.5 пати по оската X:

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

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

Результат:

Пример

При посета на блокот ќе го намалиме скалалот за 2 пати по оската X:

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

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

Результат:

Погледнете исто така