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
Using this property with values other than
none creates a new stacking context.
perspective: none | length;