CSS perspective-origin Property
The perspective-origin CSS property determines where the viewer's gaze is directed. The perspective property employs it as the vanishing point. In contrast to the perspective() transform function, which is placed on the element being transformed, the perspective-origin properties are attached to the parent of a child transformed in 3-dimensional space.
Syntax
Property Values
| Value | Description |
|---|---|
| x-axis |
Defining where the view is placed at the x-axis Possible values:
left center right length % Default value: 50% |
| y-axis |
Defining where the view is placed at the y-axis Possible values:
top center bottom length % Default value: 50% |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| perspective-origin |
36.0
12.0 -webkit- |
16.0
10.0 -moz- |
9.0
4.0.3 -webkit- |
10.0 |
23.0
15.0 -webkit- |