3D CSS Transforms: Perspective

In this example, we have added a perspective property to <div id="stage">. Its value is 500px. Each paragraph has been rotated counter-clockwise by 45 degrees along the X direction vector (transform: rotate3d(-10,0,0,-45deg)). Toggle the perspective property to see how it affects rendering.

1
2
3