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;