Text stroke reveal
Outlined (stroked) text that fills in — transitioning from hollow letterforms to solid type.
What you're seeing
Headlines that start as outlines and get "painted" as you scroll, or fill in on hover.
Where you'll see it
Section headings, scroll-triggered reveals.
Difficulty
Medium — 3/5
Libraries that build it
GSAP DrawSVGSVGCSS
Ready to prompt — paste this into your AI coding tool
"Start the headline as stroke-only SVG text and animate fill opacity from 0 to 1 on scroll using GSAP DrawSVG"