perspective-origin
The perspective-origin property specifies the origin point of the perspective.
Formal Syntax
<position>
JavaScript Access
// Access via element.style
element.style.perspectiveOrigin = '50% 50%';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| perspective-origin | 36 | 16 | 9 | 12 |
| bottom | 12 | 10 | 4 | 12 |
| center | 12 | 10 | 4 | 12 |
| left | 12 | 10 | 4 | 12 |
| right | 12 | 10 | 4 | 12 |
| top | 12 | 10 | 4 | 12 |
Related Properties
- backface-visibility
- bottom
- inset
- inset-block
- inset-block-end
- inset-block-start
- inset-inline
- inset-inline-end
- inset-inline-start
- left
- offset
- offset-anchor
- offset-distance
- offset-path
- offset-position
- offset-rotate
- perspective
- position
- right
- rotate
- scale
- top
- transform
- transform-box
- transform-origin
- transform-style
- translate
- zoom
- overlay ๐งช