Polish & Effects · Small finishing touches
Clip-path裁剪路径
- clean
- directional
- crisp
A shape decides which parts of the element are visible, cutting the rest away cleanly. It is the usual tool for wipes and reveals.
When to use it
Use it to wipe or erase content in a direction; to simply change an element's own shape, “Morph” is easier.
Parameters
clip-path: inset(0 0 100% 0)→inset(0) · 400ms ease-out
Recipe
Clip-path → clip-path inset(0 0 100% 0) → inset(0) @ 400ms ease-out
One sentence for your AI
Wipe this content in with clip-path: from inset(0 0 100% 0) to inset(0), revealing bottom-up over 400ms ease-out.