CSS3 perspective-origin Property

пример

Набор размещения базовых 3D-элемента:

div {
    -webkit-perspective: 150px; /* Chrome, Safari, Opera */
    -webkit-perspective-origin: 10% 10%; /* Chrome, Safari, Opera */
    perspective: 150px;
    perspective-origin: 10% 10%;
}

Попробуй сам "

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

Свойство перспектива-происхождения определяет, где 3D элемент основан в х- и у-оси. Это свойство позволяет изменять нижнюю позицию 3D-элементов.

При определении собственности в перспективе единства происхождения для элемента, то дочерние элементы, которые расположены, а не сам элемент.

Note: Это свойство должно быть использовано вместе с перспективной собственности, а влияет только на 3D трансформировали элементы!

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

Значение по умолчанию:	50% 50%
Наследование:	no
Animatable:	yes. Read about animatable Try it
Версия:	CSS3
Синтаксис JavaScript:	object .style.perspectiveOrigin="10px 50%" Try it

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

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

Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.

Имущество
perspective-origin	36,0 12,0 -webkit-	10,0	16,0 10,0 -moz-	9.0 4.0.3 -webkit-	23,0 15,0 -webkit-

CSS Синтаксис

perspective-origin:x-axis y-axis|initial|inherit;

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

Стоимость имущества	Описание
x-axis	Определяя, где вид находится на оси х Возможные значения: оставил центр правильно length % Значение по умолчанию: 50%
y-axis	Определяя, где вид находится на оси у Возможные значения: Вверх центр дно length % Значение по умолчанию: 50%
начальная	Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный
унаследовать	Наследует это свойство от своего родительского элемента. Читайте о унаследовать

CSS Справка