The perspective property defines how far an element is placed from the view on the z-axis, from the screen to the viewer.

  • Initial valuenone
  • Applies toTransformable elements
  • InheritedNo
  • MediaVisual
  • Computed valueAbsolute length or 'none'.
  • AnimatableAs <length>
  • CSS VersionCSS3
  • JavaScript
Formal syntax: none | <length>

perspective: none;
perspective: 200px;
  • noneNo perspective transform is applied.
  • <length>Distance to the center of projection.
.class {
   perspective: 200px;

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.