Perspektywa stylu Właściwość
Przykład
Ustaw perspektywę, z której oglądany jest element:
document.getElementById("myDIV").style.perspective = "50px";
Definicja i użycie
Właściwość Perspektywa określa, ile pikseli w widoku umieszczany jest element 3D. Ta właściwość umożliwia zmianę perspektywy wyświetlania elementów 3D.
Podczas definiowania właściwości perspektywy dla elementu to elementy CHILD uzyskują widok perspektywiczny, a NIE sam element.
Uwaga: Właściwość perspektywy wpływa tylko na elementy przekształcone 3D!
Wskazówka: Użyj tej właściwości razem z właściwością PerspektywaOrigin , która umożliwia zmianę dolnej pozycji elementów 3D.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
Uwaga: stare przeglądarki Chrome, Safari i Opera obsługują alternatywę — właściwość WebkitPerspective.
Składnia
Zwróć właściwość perspektywy:
object.style.perspective
Ustaw właściwość perspektywy:
object.style.perspective = "length|none"
Wartości nieruchomości
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | Żaden |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość Perspektywa elementu |
Wersja CSS | CSS3 |
Powiązane strony
JavaScript Style Object: właściwość perspectiveOrigin
Odniesienie CSS: właściwość perspektywy
❮ Obiekt stylu