УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS3 Свойство perspective


CSS Справочник Полный CSS Справочник

Пример

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

div
{
perspective: 500;
-webkit-perspective: 500; /* Safari */
}

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

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство perspective не поддерживается ни одним браузером.

Safari поддерживает альтернативное свойство -webkit-perspecitve.


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

Свойство perspective определяет, на сколько пикселов удален 3D элемент от точки обзора. Это свойство позволяет вам изменять перспективу, откуда просматриваются 3D элементы.

При определении свойства perspective для элемента, именно ДОЧЕРНИЕ элементы получают перспективный вид, а НЕ сам элемент.

Замечание: Свойство perspective воздействует только на 3D трансформированные элементы!

Совет: Используйте это свойство вместе со свойством perspective-origin, которое позволяет вам изменять нижнее положение 3D элементов.

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


Синтаксис

perspective: число|none;

Значение Свойства Описание
число На сколько пикселов элемент удален от точки обзора
none Значение по умолчанию. То же, что и 0. Перспектива не установлена


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS