translateZ()

Оновлено: 17.01.2023

translateZ()

Зсуває елемент відносно його початкового розташування на задане значення за віссю Z. Ефект буде помітний тільки в разі використання перспективи, повороту елемента за осями X або Y.

Синтаксис

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

Значення

Як значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) тощо. Позитивне значення зсуває вперед, негативне - назад. Значення 0 не змінює положення елемента.

Браузери

translateZ

Переглянути сумісність з Can I use?

translateZ