Свойство CSS perspective-origin

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

Атрибут perspective-origin определяет базовые оси X и Y 3D элемента. Этот атрибут позволяет изменить положение элемента в нижней части 3D.

Когда для элемента определен атрибут perspective-origin, его дочерние элементы получают эффект перспективы, а не элемент сам.

Примечание:Этот атрибут должен использоваться вместе с perspective Атрибут используется вместе с другими атрибутами и влияет только на элементы 3D-трансформации.

См. также:

Уроки CSS3:3D преобразования в CSS3

Руководство по HTML DOM:Атрибут perspectiveOrigin

Пример

Установить базовую позицию точки отсчета 3D элемента:

div
{
perspective:150;
perspective-origin: 10% 10%;
}

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

CSS синтаксис

perspective-origin: x-axis y-axis;

Значение атрибута

Значение Описание
x-axis

Определяет положение этого вида по оси X. Значение по умолчанию: 50%.

Возможные значения:

  • left
  • center
  • right
  • length
  • %
y-axis

Определяет положение этого вида по оси Y. Значение по умолчанию: 50%.

Возможные значения:

  • top
  • center
  • bottom
  • length
  • %

Технические детали

по умолчанию: 50% 50%
Ингерит: нет
Версия: CSS3
JavaScript синтаксис: object.style.perspectiveOrigin="10% 10%"

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 9.0
4.0.3 -webkit-		 23.0
15.0 -webkit-