CSS property: -webkit-perspective


Gives depth to a scene, causing elements farther away from the viewer to appear smaller.

The -webkit-perspective property applies the same transform as the perspective(<number>) transform function, except that it applies only to the children of the element, not to the transform on the element itself.

The use of this property with any value other than none establishes a stacking context. It also establishes a containing block (somewhat similar to position:relative), just as the -webkit-transform property does.

This transform alters the effect of other transforms. In the absence of additional transforms, this transform has no effect.


-webkit-perspective: none | <distance>;


none (by default)

No perspective transform is applied.


Length in pixel. The distance in pixels from the viewer’s position to the z=0 plane.