perspective
Оновлено: 06.01.2023
perspective
Визначає відстань від площини екрана до точки збіжності ліній і тим самим задає, наскільки виражений ефект перспективи. Точка збіжності за замовчуванням розташовується в центрі елемента і може бути змінена за допомогою властивості perspective-origin.
Коротка інформація
Значення за замовчуванянм | none |
Успадковується | Ні |
Застосовується | До елементів, що трансформуються |
Анімується | Так |
Синтаксис
perspective: none | <розмір>
Значення
none | Вказує, що не застосовувати перспективу до елемента. |
<размер> | Відстань від площини монітора до точки сходимості ліній. Нульове або від'ємне значення скасовує дію перспективи. Що менше значення, то більш вираженою виглядає перспектива і навпаки. |
Приклад
Результат цього прикладу показано на рис. 1. Зверніть увагу, що перспектива застосовується не до елементів безпосередньо, а до їхніх батьків. Для зміни перспективи в окремих елементів використовується функція perspective() властивості transform.
Рис. 1. Вплив перспективи на вигляд фотографій
Об'єктна модель
Об'єкт.style.perspective
Примітка
Chrome до версії 45, Safari до версії 9, Opera до версії 23, Android розуміють властивість -webkit-perspective.
Firefox до версії 16 розуміє властивість -moz-perspective.