# Функция scaleZ

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

## Синтаксис

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

## Пример

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

`<div id="elem">lorem ipsum</div>` `#elem { border: 1px solid black; width: 100px; height: 50px; transform: rotateX(30deg) rotateY(30deg); transform-style: preserve-3d; } #elem:hover { transform: scaleZ(1.5) rotateX(30deg) rotateY(30deg); }`

:

## Пример

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

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

:

↑