back

Perspective

This is used on 3D transformed elements to set the perspective, by setting the distance between the Z axis and the user. Larger values make it appear bigger (closer), while smaller values make it appear further away.
Perspective is applied to child elements rather than the element itself.
The options are:
(1) Length, allows you to define a fixed length, for example: 20px.
(2) None, this is default and means that perspective is not applied.
For maximum browser support, you should use the following prefixes:
(1) perspective:
(2) -webkit-perspective:

Example