Свойство transform-style
Свойство 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.