-webkit-transform-style

Свойство -webkit-transform-style определяет, будут ли дочерние элементы находиться в 3d пространстве или в плоскости элемента.

Допустимые значения

  • flat — дочерние элементы находятся в плоскости родительского элемента
  • preserve-3d — дочерние элементы находятся в 3d пространстве
Значение по умолчанию flat
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0.3/Mac OS X и выше, и с Safari 5/Win и выше

Пример

CSS
div {
width:100px;
height:50px;
-webkit-transform:rotate3d(0, 0, -1, 170deg) skale(1,5 3) skewX(15deg);
-webkit-transform-style:preserve-3d;
}

Заметки

В спецификации CSS3 есть аналогичное свойство transform-style.

По теме