The perspective property defines the distance between the z = 0 plane and the user to give the 3D positioned element a perspective effect. Each transformed element with z > 0 will become larger, with z < 0, respectively, smaller.
Part elements that are behind the user, i.e. the z-coordinate of these elements is greater than the value of the perspective property, are not drawn.
The vanishing point is by default located at the center of the element, but it can be moved using the perspective-origin property.
Using this property with values other than 0 or none creates a new stacking context.
perspective: none | length;