Лучшее руководство по CSS3 перспектива-происхождения недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,
CSS3 перспектива-происхождения недвижимость
примеров
Установка 3D элементной базы местоположение:
{
перспектива: 150;
перспектива-происхождения: 10% 10%;
-webkit-перспектива: 150; / * Safari и Chrome * /
-webkit-перспектива-происхождения: 10% 10%; / * Safari и Chrome * /
}
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -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- |
Определение атрибута и инструкции
По оси Х и Y-ось перспектива-происхождение определение свойства 3D элемент основан. Это свойство позволяет изменить положение нижней части 3D-элементов.
в перспективе -Origin атрибут определение, которое является дочерним элементом, точки зрения, а не сам элемент.
Примечание: Для пользователей Chrome и Safari: Для того , чтобы лучше понять перспективный атрибут!
Для пользователей Chrome и Safari: Для того , чтобылучше понять атрибут точки зрения происхождения, см экземпляр вида .
| По умолчанию: | 50% 50% |
|---|---|
| Наследование: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.perspectiveOrigin = "10% 10%" |
грамматика
| значение | описание |
|---|---|
| ось х | Вид определяется в положении оси х. По умолчанию: 50%. Возможные значения:
|
| Y-ось | Определение положения вида в оси у. По умолчанию: 50%. Возможные значения:
|
