Свойство transform-style

Последнее обновление: 29.12.2010

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

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

  • flat — дочерние элементы находятся в плоскости родительского элемента
  • preserve-3d — дочерние элементы находятся в 3d пространстве
Значение по умолчанию flat
Применимо к блочным и строчным элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

div {
width:100px;
height:50px;
transform:rotate(45deg) skale(1,5 3) skewX(15deg);
transform-style:preserve-3d;
}
Твой код:
Результат:
большой полигон

Заметки

Safаri 3.1 и выше Chrome 1 и выше поддерживают аналогичное свойство -webkit-transform-style.

По теме

Показать комментарии