Свойство 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.
По теме
- CSS свойство transform
- CSS свойство -webkit-transform
- CSS свойство -o-transform
- CSS свойство -moz-transform
- CSS свойство backface-visibility
- CSS свойство -webkit-backface-visibility
- CSS свойство perspective
- CSS свойство -webkit-perspective
Показать комментарии
