Section presets
Five ways for a whole block to arrive. Put one on a <section>; its children carry --i for the stagger. Add .sec-on-scroll and they fire on scroll instead of on load, natively — no observer.
1 · cascade — card decks
01
02
03
04
2 · curtain — heroes
Wiped down from the top edge.
3 · split — comparisons
from the left
from the right
4 · focus — single statements
Resolves out of blur, like a lens finding it.
5 · lift — galleries, stat grids
180+
6.2k
14
.sec-cascade · .sec-curtain · .sec-split · .sec-focus · .sec-lift · + .sec-on-scroll