тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

Функция scaleY

Функция scaleY масштабирует элемент по оси Y. Масштабирование осуществляется вокруг точки, задаваемой свойством transform-origin. Значением функции служит целое или дробное число. Если оно больше 1 - элемент увеличивается, если меньше (например, 0.5) - элемент уменьшается. Если задать 1 - ничего не изменится (это и есть значение по умолчанию).

Синтаксис

селектор { transform: scaleY(число); }

Пример

По наведению на блок увеличим масштаб в 1.5 раза по оси Y:

<div id="elem">lorem ipsum</div> #elem { border: 1px solid black; width: 100px; height: 50px; } #elem:hover { transform: scaleY(1.5); }

:

Пример

По наведению на блок уменьшим масштаб в 2 раза по оси Y:

<div id="elem">lorem ipsum</div> #elem { border: 1px solid black; width: 100px; height: 50px; } #elem:hover { transform: scaleY(0.5); }

:

Смотрите также

  • функцию scale,
    которая задает масштабирование по осям X и Y
  • функцию scaleX,
    которая задает масштабирование по оси X