Функция transform: translateZ() задает сдвиг элемента по оси Z в трехмерном пространстве (эта ось выходит из экрана и смотрит к нам в лицо). Положительное значение сдвигает элемент к нам, а отрицательное - от нас.

По сути, это некоторый аналог свойства z-index, только, в отличие от него, непрерывный.

См. также функции transform: translate, transform: translateX, transform: translateY и transform: translate3d.

Обратите внимание на то, что при любых трансформациях transform, другие элементы будут вести себя так, будто мы не трансформировали элемент, и он даже может налезть на другие.

Синтаксис

селектор {
	transform: translateZ(сдвиг по оси Z);
}

Значения

Значение Описание
Сдвиг Значение в любых CSS единицах (%?). Может быть как положительным, так и отрицательным.

Значение по умолчанию: 0px.