Функция transform: translateZ() задает сдвиг элемента по оси Z в трехмерном пространстве (эта ось выходит из экрана и смотрит к нам в лицо). Положительное значение сдвигает элемент к нам, а отрицательное - от нас.
По сути, это некоторый аналог свойства z-index, только, в отличие от него, непрерывный.
См. также функции transform: translate, transform: translateX, transform: translateY и transform: translate3d.
Обратите внимание на то, что при любых трансформациях transform, другие элементы будут вести себя так, будто мы не трансформировали элемент, и он даже может налезть на другие.
Синтаксис
селектор {
transform: translateZ(сдвиг по оси Z);
}
Значения
Значение | Описание |
---|---|
Сдвиг | Значение в любых CSS единицах (%?). Может быть как положительным, так и отрицательным. |
Значение по умолчанию: 0px.