Text mask reveal
Text is revealed through a clipping mask — appearing as if sliding out from behind a surface.
What you're seeing
Text slides up from beneath a hidden boundary — the letters emerge from the floor of the container.
Where you'll see it
Section headings, hero reveals, page transitions. A staple of premium design studios.
Difficulty
Low — 2/5
Libraries that build it
GSAPCSSMotion
Ready to prompt — paste this into your AI coding tool
"Reveal each line by animating translateY from 110% to 0%, clipped by overflow hidden on the parent, staggered 0.15s per line, GSAP"