Свойство perspectiveOrigin
Пример style.perspectiveOrigin
Задайте базовое размещение 3D-элемента:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
Попробуйте сами »
Описание perspectiveOrigin
Свойство perspectiveOrigin определяет, где 3D-элемент базируется по осям x и y. Это свойство позволяет вам изменять нижнее положение 3D-элементов.
При определении свойства perspectiveOrigin для элемента позиционируются элементы CHILD, а НЕ сам элемент.
Примечание: Свойство должно использоваться вместе со свойством perspective и влияет только на 3D-преобразованные элементы!
Поддержка perspectiveOrigin
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Синтаксис perspectiveOrigin
Вернуть свойство perspectiveOrigin:
object.style.perspectiveOrigin
Установите свойство perspectiveOrigin:
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
Значение свойства perspectiveOrigin
| Значение | Описание |
|---|---|
| x-axis | Определение положения вида на оси x Возможные значения:
Значение по умолчанию: 50% |
| y-axis | Определение положения вида на оси Y Возможные значения:
Default value: 50% |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали perspectiveOrigin
| Значение по умолчанию: | 50% 50% |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство начала перспективы элемента. |
| CSS Версия | CSS3 |
Связанные страницы perspectiveOrigin
JavaScript Style Объект: Свойство perspective
CSS Справочник: Свойство perspective-origin