The perspective(n) method in CSS is used to affect the distance between the z-plane and the user, effectively changing the perspective depth of a 3D transformed element.
* perspective(n) Method: The perspective function defines how far the element is from the user. It affects the appearance of the 3D transformed element, giving it a sense of depth.
* Usage Example:
container {
perspective: 1000px;
}
In this example, the perspective is set to 1000 pixels, which defines the distance between the z-plane and the user.
* Properties:
* n: This represents the perspective distance. The lower the value, the more pronounced the perspective effect.
References:
* MDN Web Docs on perspective
* W3C CSS Transforms Module Level 1