CSS3 perspective property

Set the view of where the element is viewed:

div
{
perspective: 500;
-webkit-perspective: 500; /* Safari 和 Chrome */
}

Give it a try yourself

Browser support

Currently, the perspective property is not supported by the browser.

Chrome and Safari support alternative -webkit-perspective properties.

Definitions and usages

The perspective property defines the distance, in pixels, of 3D elements from the view. This property allows you to change the view of 3D elements to view 3D elements.

When you define a perspective property for an element, its children get perspective, not the element itself.

Note: The perspective property affects only 3D conversion elements.

Tip: Use the property with the perspective-origin property so that you can change the bottom position of the 3D element.

Grammar

perspective: number|none;