Свойство перспективы стиля
Пример
Установите перспективу, с которой просматривается элемент:
document.getElementById("myDIV").style.perspective = "50px";
Определение и использование
Свойство перспективы определяет, на сколько пикселей 3D-элемент помещается от вида. Это свойство позволяет изменить перспективу просмотра 3D-элементов.
При определении свойства перспективы для элемента именно дочерние элементы получают вид в перспективе, а НЕ сам элемент.
Примечание. Свойство перспективы влияет только на элементы, преобразованные в 3D!
Совет. Используйте это свойство вместе со свойствомspectiveOrigin , которое позволяет изменять нижнее положение 3D-элементов.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Примечание. Старые версии Chrome, Safari и Opera поддерживают альтернативное свойство WebkitPerspective.
Синтаксис
Вернуть свойство перспективы:
object.style.perspective
Установите свойство перспективы:
object.style.perspective = "length|none"
Значения свойств
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | никто |
---|---|
Возвращаемое значение: | Строка, представляющая свойство перспективы элемента |
CSS-версия | CSS3 |
Связанные страницы
Объект стиля JavaScript: свойствоspectiveOrigin
Справочник по CSS: свойство перспективы
❮ Объект стиля