пример
Установить перспективу, откуда просматривается элемент:
div
{
-webkit-perspective: 500px; /* Chrome, Safari, Opera */
perspective: 500px;
}
Попробуй сам " Определение и использование
Свойство перспектива определяет, сколько пикселей 3D-элемент расположен с точки зрения. Это свойство позволяет изменить перспективу о том, как 3D-элементы просматриваются.
При определении свойства перспективной для элемента, то элементы ДЕТЯМ, которые получают вид в перспективе, а не сам элемент.
Note: Свойство перспективе влияет только 3D трансформированные элементы!
Tip: Используйте это свойство вместе с точки зрения происхождения, имущественного положения , которое позволяет изменить нижнюю позицию 3D - элементов.
Чтобы лучше понять свойства перспективе, просмотреть демонстрацию .
| Значение по умолчанию: | none |
|---|---|
| Наследование: | no |
| Animatable: | yes. Read about animatable Try it |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.perspective="50px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| perspective | 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:length|none;Значения свойств
| Стоимость имущества | Описание |
|---|---|
| length | Как далеко элемент расположен с точки зрения |
| никто | Значение по умолчанию. То же, что 0. перспектива не установлен |
| начальная | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный |
| унаследовать | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS 3D Трансформации
HTML DOM ссылка: perspective property