perspective()

Обновлено: 31.05.2022

perspective()

Определяет расстояние от плоскости экрана до точки сходимости линий и тем самым задаёт, насколько выражен эффект перспективы. Точка сходимости по умолчанию располагается в центре элемента и может быть изменена с помощью свойства perspective-origin.

Синтаксис

transform: perspective(<размер>)

Значения

В качестве значения указывается расстояние от плоскости монитора до точки сходимости линий. Нулевое или отрицательное значение отменяет действие перспективы. Чем меньше значение, тем более выраженной выглядит перспектива и наоборот.

Пример

Примечание

Chrome до версии 36, Opera до версии 23, Safari до версии 9 и Android поддерживают свойство -webkit-transform.

Firefox до версии 16 поддерживает свойство -moz-transform.

Браузеры

perspective

Посмотреть совместимость на Can I use?

perspective