transform-style
Свойство
Пример:
При
Подсказки:
Свойство transform-style не наследуется. Нужно индивидуально задавать его для каждого следующего уровня вложенности.
На практике:
Свойство нужно задавать, когда мы хотим применять 3D-трансформации и к родителю, и к потомкам, и при этом учитывать их визуальное взаимодействие. Классическим примером такой ситуации является куб, собранный из шести элементов-сторон.
Статья: https://doka.guide/css/transform-style/
#css #дока
👉 @frontend_formula
Свойство
transform-style определяет, как будут вести себя потомки элемента в 3D-пространстве при трансформации.Пример:
{
transform-style: flat; /* По умолчанию */
transform-style: preserve-3d;
}
Как это понять:При
transform-style: preserve-3d каждый дочерний элемент получает независимую от родителя плоскость, к которой можно применять 3D-трансформации. При transform-style: flat существует ровно одна плоскость — плоскость родителя, и никакие трансформации не могут заставить дочерний элемент выйти из этой плоскости.Подсказки:
Свойство transform-style не наследуется. Нужно индивидуально задавать его для каждого следующего уровня вложенности.
На практике:
Свойство нужно задавать, когда мы хотим применять 3D-трансформации и к родителю, и к потомкам, и при этом учитывать их визуальное взаимодействие. Классическим примером такой ситуации является куб, собранный из шести элементов-сторон.
Статья: https://doka.guide/css/transform-style/
#css #дока
👉 @frontend_formula