CSS · Motion and transforms

perspective

Adds depth to 3D transforms applied to children.

cssRunnable example css course

Syntax

perspective: 600px

Example

Try it

.demo { perspective: 400px; } .demo > span { display: inline-block; transform: rotateY(24deg); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.