perspective-origin
Sets the 'vanishing point' for a 3D transformation. It determines the position from which the viewer is looking at the 3D space.
It is documented as part of the CSS Transforms specification.
Syntax
/* Usage Example */
.scene {
/* Sets the scene to feel like we are looking from the top-left */
perspective: 1000px;
perspective-origin: top left;
}
/* Global values */
perspective-origin: inherit;
perspective-origin: initial;
perspective-origin: revert;
perspective-origin: revert-layer;
perspective-origin: unset;perspective-origin Browser support
Widely available
Since
2022 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.
36+
16+
9+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more