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

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

свойство transform-style определяет, как элементы, вложенные в 3D пространство, будут представленны.

комментарий:эта свойство должно использоваться вместе с transform свойства должны использоваться вместе.

смотрите также:

Учебник CSS3:2D преобразования в CSS3

Учебник CSS3:3D преобразования в CSS3

Руководство по HTML DOM:свойство transformStyle

пример

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

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

попробуйте сами

CSS синтаксис

transform-style: flat|preserve-3d;

значение атрибута

значение описание
flat дочерние элементы не сохраняют свою 3D позицию.
preserve-3d дочерние элементы сохраняют свою 3D позицию.

технические детали

по умолчанию: flat
наследование: нет
версия: CSS3
JavaScript синтаксис: объект.style.transformStyle="preserve-3d"

поддержка браузерами

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

числа с префиксами -webkit- или -moz- указывают на первую версию, использующую префикс.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-