transform-style

Оновлено: 06.01.2023

transform-style

Визначає, як дочірні елементи будуть відображатися в 3D-просторі. Цю властивість слід використовувати спільно з transform.

Коротка інформація

Значення за замовчуванням flat
Успадковується Ні
Застосовується До трансформованих елементів
Анімується Ні

Синтаксис 

transform-style: flat | preserve-3d

Значення

flat Дочірні елементи лежать у площині екрана.
preserve-3d Дочірні елементи будуть відображатися в 3D-просторі.

Приклад

Об'єктна модель

Об'єкт.style.transformStyle

Примітка

Chrome до версії 36, Safari до версії 9, Opera до версії 23, Android підтримують властивість -webkit-transform-style.

Firefox до версії 16 підтримує властивість -moz-transform-style.

Браузери

transform-style

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

transform-style