X/Y point of observation

perspective-origin

Specify the user's point of observation in the X/Y plane when performing a transform.

Property values

Use this property on the container element. Provide two values to specify the X/Y point of perspective. They may be a percentage, a distance, or one of the keywords that specify an edge.

The first value is the offset from the element's left edge to the perspective's X location. For convenience, these keywords may be used:

left Use the left-edge for the X point of perspective
center Use the middle of the element for the X point of perspective
right Use the right-edge for the X point of perspective

The second value is the offset from the element's top edge to the perspective's Y location. For convenience, these keywords may be used:

top Use the top-edge for the Y point of perspective
center Use the middle of the element for the Y point of perspective
bottom Use the bottom-edge for the Y point of perspectiven

Examples

perspective-origin: -200px center;
perspective-origin

style > transform > perspective-originX/Y point of observation

🔎