# Функция 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

←→
↑