Свойство -webkit-perspective
Свойство -webkit-perspective применяется при трансформациях элемента, определяет расстояние в пикселях от плоскости дочерних элементов до точки из которой пользователь как бы смотрит на них.
Придает глубину изображению, в результате чего элементы, находящиеся для зрителя дальше будут казаться меньше, а находящиеся ближе — больше.
Допустимые значения
- none — дочерние элементы находятся в плоскости родительского элемента
- — расстояние в пикселях от точки, из которой как бы смотрит пользователь, до плоскости, в которой будут находиться дочерние элементы.
| Значение по умолчанию | none |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
div {
width:100px;
height:50px;
-webkit-transform:rotate3d(0, 0, -1, 170deg) skale(1,5 3) skewX(15deg);
-webkit-perspective:600;
}
Заметки
В спецификации CSS3 есть аналогичное свойство perspective.
По теме
- Вендорные префиксы. Что это?
- 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-x
- CSS свойство -webkit-transform-origin-y
- CSS свойство -webkit-transform-origin-z
- CSS свойство perspective-origin
- CSS свойство -webkit-perspective-origin
- CSS свойство transform-style
- CSS свойство -webkit-transform-style
- CSS свойство backface-visibility
- CSS свойство -webkit-backface-visibility
Показать комментарии