CSS3 własność perspektywa-origin
Przykłady
Ustawianie lokalizacji podstawowej elementem 3D:
{
perspektywa: 150;
Perspektywa-origin: 10% 10%;
-webkit perspektywa: 150; / * Safari i Chrome * /
-webkit perspektywa-origin: 10% 10%; / * Safari i Chrome * /
}
Spróbuj »
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
属性 | |||||
---|---|---|---|---|---|
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- |
Atrybut definicje i instrukcje
Oś X i oś Y perspektywa-origin definicji właściwości elementu 3D jest oparty. Ta właściwość pozwala na zmianę położenia dolnej części elementów 3D.
Perspektywa -Origin definicję, która jest dzieckiem elementu, perspektywy, a nie sam element atrybutów.
Uwaga: Dla użytkowników Chrome i Safari: W celu lepszego zrozumienia perspektywy atrybut!
Dla użytkowników Chrome i Safari: W celu lepszego zrozumienia atrybut perspektywy pochodzenia, zobacz instancji widok .
Domyślnie: | 50% 50% |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.perspectiveOrigin = "10% 10%" |
gramatyka
wartość | opis |
---|---|
Oś x | Widok jest zdefiniowany w pozycji na osi x. Domyślnie: 50%. Możliwe wartości:
|
Oś y | Określenie pozycji widoku w osi y. Domyślnie: 50%. Możliwe wartości:
|