perspective - CSS 3

The perspective property defines how many pixels a 3D element is placed from 
the view. This property allows you to change the perspective on how 3D 
elements are viewed.When defining the perspective property for an element, it is the CHILD elements 
that get the perspective view, NOT the element itself.Note: The perspective property only affects 3D transformed elements!Tip: Use this property together with the 
perspective-origin property, which 
allows you to change the bottom position of 3D elements.To better understand the perspective property,
view a demo.

Syntax

perspective: length|none;

Example

div
	{
	   
	-webkit-perspective: 500px; /* Chrome, Safari, Opera */
	   
	perspective: 500px;
	}

Output / Return Value

Limitations

Alternatives / See Also

Reference