Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


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

Пример

Установить базовое расположение 3D элементов:

div
{
perspective:150;
perspective-origin: 10% 10%;
-webkit-perspective:150; /* Safari */
-webkit-perspective-origin: 10% 10%; /* Safari */
}

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


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

Свойство perspective-origin определяет, где располагается 3D элемент на осях x и y. Это свойство позволяет вам изменять нижнее положение 3D элементов.

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

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

Значение по умолчанию: 50% 50%
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.perspectiveOrigin="10% 10%"


Синтаксис

perspective-origin: x-ось y-ось;

Значение Свойства Описание
x-ось Определяет расположение на оси x

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

  • left
  • center
  • right
  • расстояние
  • %

Значение по умолчанию: 50%

y-ось Определяет расположение на оси y

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

  • top
  • center
  • bottom
  • расстояние
  • %

Значение по умолчанию: 50%



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

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru