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