perspective()

Оновлено: 16.01.2023

perspective()

Визначає відстань від площини екрана до точки збіжності ліній і тим самим задає, наскільки виражений ефект перспективи. Точка збіжності за замовчуванням розташовується в центрі елемента і може бути змінена за допомогою властивості perspective-origin.

Синтаксис

transform: perspective(<розмір>)

Значення

Як значення вказується відстань від площини монітора до точки сходимості ліній. Нульове або від'ємне значення скасовує дію перспективи. Що менше значення, то більш вираженою виглядає перспектива і навпаки.

Приклад

Примітка

Chrome до версії 36, Opera до версії 23, Safari до версії 9 і Android підтримують властивість -webkit-transform.

Firefox до версії 16 підтримує властивість -moz-transform.

Браузери

perspective

Переглянути сумісність з Can I use?

perspective