CSS transform-style Свойство

Пусть преобразованные дочерние элементы сохраняют трехмерные преобразования:

div {
transform: rotateY(60deg);
transform-style: preserve-3d;
}

Определение и использование

Свойство transform-style указывает, как вложенные элементы отображаются в трехмерном пространстве.

Примечание: Это свойство должно использоваться вместе со свойством Transform.

Чтобы лучше понять transform-style свойство, Просмотрите демонстрацию.

Значение по умолчанию:	flat
Inherited:	no
Animatable:	no. Читайте о animatable
Version:	CSS3
Синтаксис JavaScript:	object.style.transformStyle="preserve-3d"

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Номера followed by -webkit- or -moz- Укажат первую версию, которая работала с префиксом.

Свойство
transform-style	36.0 12.0 -webkit-	11.0	16.0 10.0 -moz-	9.0 4.0 -webkit-	23.0 15.0 -webkit-

transform-style: flat|preserve-3d|initial|inherit;

Property Value	Описание
flat	Указывает, что дочерние элементы не будут сохранять свое Трехмерное положение. Это значение по умолчанию
preserve-3d	Указывает, что дочерние элементы сохраняют свое Трехмерное положение
initial	Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit	Наследует это свойство из родительского элемента. (Читайте о inherit)