transform-style

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since сентябрь 2015 г..

Экспериментальная возможность:Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотритетаблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Свойствоtransform-styleCSS определяет положение дочернего элемента в 3D-пространстве или в той же плоскости, что и родительский элемент.

Если flat, то дочерний элемент не будет существовать в своём собственном 3D-пространстве.

Поскольку это свойство не наследуется, его следует устанавливать для всех не прямых потомков элемента.

Начальное значение	`flat`
Применяется к	трансформируемые элементы
Наследуется	нет
Обработка значения	как указано
Animation type	discrete
Создаётконтекст наложения	да

Syntax

css

/* Keyword values */transform-style: preserve-3d;transform-style: flat;/* Global values */transform-style: inherit;transform-style: initial;transform-style: unset;

Values

preserve-3d: Показывает, что дочерний элемент должен быть спозиционирован в 3D-пространстве.
flat: Показывает, что дочерний элемент лежит в той же плоскости, что и родительский.