CSS · Functions and values

perspective() function

Adds depth to a 3D transform applied to the same element.

cssRunnable example css course

Syntax

perspective(distance)

Example

Try it

.demo { transform: perspective(300px) rotateY(12deg); }

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