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-style CSS определяет положение дочернего элемента в 3D-пространстве или в той же плоскости, что и родительский элемент.
Если flat, то дочерний элемент не будет существовать в своём собственном 3D-пространстве.
Поскольку это свойство не наследуется, его следует устанавливать для всех не прямых потомков элемента.
| Начальное значение | flat |
|---|---|
| Применяется к | трансформируемые элементы |
| Наследуется | нет |
| Обработка значения | как указано |
| Animation type | discrete |
| Создаёт контекст наложения | да |
Syntax
/* 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-
Показывает, что дочерний элемент лежит в той же плоскости, что и родительский.
Formal syntax
transform-style =
flat |
preserve-3d
Спецификации
| Specification |
|---|
| CSS Transforms Module Level 2 # transform-style-property |