Opis

perspective-origin jest wykorzystana do wskazania miejsca, z którego użytkownik patrzy na element pozycjonowany w 3D. Właściwość tę należy używać w połączeniu z właściwością perspective.

Efekt uzyskuje element child, a nie sam element!

Zobacz: perspective, określającą oddalenie obiektu od użytkownika i dając tym pewien efekt perspektywy.

Przykład
Tekst aby zobaczyć
Kod:
Wartości

perspective-origin: x-axis y-axis|initial|inherit;

WartośćOpis
x-axis y-axis
50% 50% 		Domyślne: 50% 50% czyli center center
x-axis
right | 250px 		Definiowanie położenia widoku na osi X. Możliwe wartości: left (0), center (50%), right (100%), length, %.
Zobacz jednostki
y-axis
center -300px | center 400px 		Definiowanie położenia widoku na osi Y. Ponieważ to druga wartość to musisz podać najpierw pierwszą. Możliwe wartości: top (0), center (50%), bottom (100%), length, %.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: center bottom  |   center center   |   center top   |     
Info: Domyślna wartość: 50% 50%
Dziedziczenie:
Animowalność:
JavaScript: object.style.perspectiveOrigin