Функция scaleZ()

Стилевая функция scaleZ() масштабирует элемент по оси Z. Эффект будет заметен только при использовании перспективы, поворота элемента по осям X или Y, а также при смещении элемента по оси Z.

Синтаксис

transform: scaleZ(<число>)

Значения

В качестве значения используется положительное или отрицательное число.

  • значение больше 1 (например: 1.5) приводит к увеличению масштаба;
  • значение меньше 1 (например: 0.8) приводит к уменьшению масштаба;
  • значение 1 оставляет размер элемента исходным и не даёт видимого эффекта.

Песочница

img {
  transform: 
  perspective(400px) 
  scaleZ(1) 
  translateZ(-50px);
}

Спецификация

CSS Transforms Module Level 2

Браузеры

9 12 4 11.5 3.1 3.5
2.1 3.5 12 3.2