01 / Set the mood
Use the mask as a spotlight, not a decoration.
Each line enters like a poster being pulled from under studio light. The scroll controls the pace, so the viewer gets to conduct the reveal.
Pull the words from the noise.
Masked line splittingScrubbed scroll timingGradient edge revealResponsive editorial type
line by line reveal
Creative use case
Design the scroll like a mixtape.
02 / Shape the rhythm
Short lines hit harder when the gradient has room to travel.
The animation loves confident typography, broken phrases, and generous spacing. Let the words arrive in layers instead of explaining everything at once.
03 / Finish loud
Make the last reveal feel like a signature.
Pair high contrast copy with textured imagery and let the masked text become the final frame of the composition.
poster copyhero headlineslaunch pagesstory sections
Hide the sentence until the screen asks for it.
A reveal animation for headlines that need drama without losing readability.