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