Закрыть   X

  •    
  •    
Печать

perspective

Автор: Алексей Елизаров.

CSS свойство perspective

Поддержка браузеров

Описание

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

При определении свойства perspective для элемента, перспективный вид получают именно дочерние элементы, а не сам элемент.

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

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

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


Значения свойства

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

#div1{
height: 150px;
width: 150px;
margin: 50px;
padding:10px;
border: 1px solid black;
perspective:150;
-webkit-perspective:150; /* Safari и Chrome */
}

#div2{
padding:50px;
border: 1px solid black;
background-color: #1aa5ca;
transform: rotateX(45deg);
-webkit-transform: rotateX(45deg); /* Safari и Chrome */
}


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки