Clip-path reveals & curtains

Pure clip-path wipes: the element's box is unclipped from a chosen edge. No opacity is involved, making them ideal for media and containers that must stay fully opaque while revealing.

Edge reveals

clip-reveal-up
clip-reveal-down
clip-reveal-left
clip-reveal-right

The bare .clip-reveal class is a legacy alias for .clip-reveal-up.

Curtains

Open outward from the centre - a slit widens until the whole box is shown.

curtain-horizontal
curtain-vertical

These entries are registered with text: false, so no .spawn-text-* SplitText variant is generated for them - splitting media boxes would be pointless.

html
<img class="scroll clip-reveal-up time-2" src="…">
<div class="appear curtain-vertical">…</div>