Scene 01
A headline can feel like it has a camera angle.
The line starts above the frame, tilted back in space, then settles toward the reader with a clean perspective flip.
Lines fall into depth.
Built for moments where typography should rotate into view like a scene finding its angle.
Start
top 90%
Motion
rotateX
Depth
800px
Stagger
0.08s
Why perspective
It turns text into a foreground object.
Scene 02
Use it when the reveal should feel dimensional.
Launch pages, immersive stories, case studies, and hero transitions can all use this effect to create a stronger sense of arrival.
Scene 03
Keep the layout calm so the rotation reads clearly.
Large line height, high contrast, and a little breathing room let the 3D motion become the star without making the page noisy.
Flip each line into place.
Best used for
Immersive hero sections, chapter breaks, and scroll stories.
The animation already creates the depth. This layout gives it a quiet stage, a few spatial layers, and enough contrast for the perspective to stay crisp on every viewport.