Clip-Path Reveal
Content is uncovered by animating a clipping mask — circle wipe, curtain reveal, or custom shapes. More dramatic than a simple fade.
Also called: mask reveal, curtain wipe, shape reveal
Revealed!
circle(0%)
How it works
CSS clip-path defines a visible region. Animate between values (e.g. circle(0%) → circle(75%)) for reveal effects.
- Also used for before/after sliders and image transitions
- Combine with scroll triggers for scroll-driven reveals