Свойство perspective в CSS

определение и использование

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

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

комментарий:атрибут perspective влияет только на элементы 3D преобразования.

подсказка:пожалуйста, смотрите: пerspective-origin используйте этот атрибут вместе с атрибутом, чтобы изменить положение нижней части 3D элемента.

смотрите также:

CSS3 учебник:3D-трансформации в CSS3

HTML DOM справочник:атрибут perspective

пример

установите вид на положение элемента, который будет рассматриваться:

div
{
пerspective: 500;
}

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

CSS синтаксис

пerspective: число|none;

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

значение описание
число расстояние элемента до视图 в пиках.
нет по умолчанию. Эквивалентно 0. Не устанавливается перспективность.

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

по умолчанию: нет
наследование: да
версия: CSS3
JavaScript синтаксис: объект.style.perspective=500

поддержка браузеров

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

числа с префиксами -webkit- или -moz- указывают на первую версию, которую используете.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-