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