|
CSS3 Свойство perspective-origin
 Полный CSS Справочник
Пример
Установить базовое расположение 3D элементов:
div
{
perspective:150;
perspective-origin: 10% 10%;
-webkit-perspective:150; /* Safari */
-webkit-perspective-origin: 10% 10%; /* 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 Справочник
|
