Свойство -webkit-transform-style
Свойство -webkit-transform-style определяет, будут ли дочерние элементы находиться в 3d пространстве или в плоскости элемента.
Допустимые значения
- flat — дочерние элементы находятся в плоскости родительского элемента
- preserve-3d — дочерние элементы находятся в 3d пространстве
| Значение по умолчанию | flat |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
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.
По теме
- Вендорные префиксы. Что это?
- CSS свойство transform
- CSS свойство -moz-transform
- CSS свойство -o-transform
- CSS свойство -webkit-transform
- CSS свойство transform-origin
- CSS свойство -o-transform-origin
- CSS свойство -moz-transform-origin
- CSS свойство -webkit-transform-origin
- CSS свойство -webkit-transform-origin-x
- CSS свойство -webkit-transform-origin-y
- CSS свойство -webkit-transform-origin-z
- CSS свойство perspective
- CSS свойство -webkit-perspective
- CSS свойство perspective-origin
- CSS свойство -webkit-perspective-origin
- CSS свойство backface-visibility
- CSS свойство -webkit-backface-visibility
Показать комментарии