Skip to content
Transforms and animation

perspective

Adds depth to a 3D scene. Smaller lengths create stronger perspective and larger lengths create a gentler view.

141 effects in the catalog use this property.

Syntax

perspective: <length>;

Watch out

`perspective` on a parent gives all children one shared vanishing point. `transform: perspective(...)` on each child gives every element its own perspective and can make a group look disconnected.

Effects using perspective

These are working effects from the catalog. Open a tile to inspect the full source.