Свойство стиля PerspectiveOrigin
Пример
Установите базовое размещение 3D-элемента:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Определение и использование
СвойствоspectiveOrigin определяет, где находится 3D-элемент по осям x и y. Это свойство позволяет изменить нижнее положение 3D-элементов.
При определении свойстваspectiveOrigin для элемента позиционируются именно дочерние элементы, а НЕ сам элемент.
Примечание. Это свойство необходимо использовать вместе со свойством перспективы , и оно влияет только на элементы, преобразованные в 3D!
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Примечание. Старые версии Chrome, Safari и Opera поддерживают альтернативное свойство WebkitPerspectiveOrigin.
Синтаксис
Возвратите свойствоspectiveOrigin:
object.style.perspectiveOrigin
Установите свойство перспективыOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Значения свойств
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 50% 50% |
---|---|
Возвращаемое значение: | Строка, представляющая свойство источника перспективы элемента. |
CSS-версия | CSS3 |
Связанные страницы
Объект стиля JavaScript: свойство перспективы
Справочник по CSS: свойство «перспектива-происхождение»
❮ Объект стиля