Entrances & Exits · Entering & leaving
Reveal揭示
- mysterious
- measured
- layered
A mask or clip uncovers the element bit by bit, like a curtain being pulled aside, rather than the whole thing turning transparent.
When to use it
Suits a single block that deserves a little drama, such as a heading or image; for ordinary appearances, use “Fade in”.
Parameters
400ms · cubic-bezier(0.22, 1, 0.36, 1) · clip-path: inset(0 100% 0 0)→inset(0)
Recipe
Reveal → clip-path inset(0 100% 0 0) → inset(0) @ 400ms cubic-bezier(0.22, 1, 0.36, 1)
One sentence for your AI
Reveal this heading with clip-path from inset(0 100% 0 0) to inset(0), wiping from the left, 400ms, cubic-bezier(0.22, 1, 0.36, 1).