-webkit-perspective

Свойство -webkit-perspective применяется при трансформациях элемента, определяет расстояние в пикселях от плоскости дочерних элементов до точки из которой пользователь как бы смотрит на них.

Придает глубину изображению, в результате чего элементы, находящиеся для зрителя дальше будут казаться меньше, а находящиеся ближе — больше.

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

  • none — дочерние элементы находятся в плоскости родительского элемента
  • <число> — расстояние в пикселях от точки, из которой как бы смотрит пользователь, до плоскости, в которой будут находиться дочерние элементы.
Значение по умолчанию none
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0.3/Mac OS X и выше, и с Safari 5/Win и выше

Пример

CSS
div {
width:100px;
height:50px;
-webkit-transform:rotate3d(0, 0, -1, 170deg) skale(1,5 3) skewX(15deg);
-webkit-perspective:600;
}

Заметки

В спецификации CSS3 есть аналогичное свойство perspective.

По теме