Clip-path reveal
An element is revealed by animating a clip-path — content appears through an expanding shape.
What you're seeing
Content hidden by a shape that grows — a circle expanding from the center, or a rectangle wiping left to right.
Where you'll see it
Section reveals, image entrances, page transitions.
Difficulty
Low — 2/5
Libraries that build it
GSAPCSSMotion
Ready to prompt — paste this into your AI coding tool
"Animate clip-path from circle(0% at 50% 50%) to circle(150% at 50% 50%) on scroll trigger, ease power2.inOut"