The perspective-origin
property determines the position from which the viewer is looking. It is used as the vanishing point by the perspective
property.
The perspective-origin
and perspective
properties are attached to the parent element of a 3D-transformed child element, unlike the perspective()
transform function, which is placed on the transformed element.
perspective-origin: [ left | center | right | top | bottom | percentage | length ]
|
[ left | center | right | percentage | length ]
[ top | center | bottom | percentage | length ]
|
[ center | [ left | right ] ] || [ center | [ top | bottom ] ]