MENU
Which 3D transform affects the distance between the z-plane and the user?
A)
B)
C)
D)
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.
MDN Web Docs on perspective
W3C CSS Transforms Module Level 1