Рекомендуемый курс:

Стиль атрибута perspective

Комментарий: Определение и использование

Этот атрибут определяет расстояние 3D-элемента до视图 в пикселях. Этот атрибут позволяет вам изменить угол обзора 3D-элемента. Комментарий: Когда для элемента определен

При определении атрибута, его дочерние элементы получают эффект перспективы, а не элемент сам по себе.Комментарий: perspective

Этот атрибут влияет только на элементы 3D-трансформации.Совет: Атрибут perspective-origin Используйте этот атрибут вместе с тем, чтобы изменить положение нижней части 3D-элемента.

См. также:

Объект стиля JavaScript:Атрибут perspective-origin

CSS справочник:Атрибут perspective

Пример

Установка угла обзора элемента для просмотра:

document.getElementById("myDIV").style.perspective = "50px";

Попробуйте сами

Синтаксис

Возврат атрибута perspective:

object.style.perspective

Установка атрибута perspective:

object.style.perspective = "length|none"

Значение атрибута

Значение Описание
length Расстояние элемента до视图 в пикселях.
none Значение по умолчанию. равно 0. Не устанавливается перспективность.
initial Этот атрибут устанавливается в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: Нет
Возвратное значение: Строка, представляющая расстояние元素的 Атрибут perspective.
Версия CSS: CSS3

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Кrome Эдж Фаерфокс Сафари Опера
Кrome Эдж Фаерфокс Сафари Опера
36.0 10.0 16.0 6.1 23.0