translateZ()

Обновлено: 17.01.2023

translateZ()

Сдвигает элемент относительно его исходного расположения на заданное значение по оси Z. Эффект будет заметен только при использовании перспективы, поворота элемента по осям X или Y.

Синтаксис

transform: translateZ(<размер>)

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Положительное значение сдвигает вперёд, отрицательное назад. Значение 0 не меняет положение элемента.

Браузеры

translateZ

Посмотреть совместимость на Can I use?

translateZ