SERIES STYLE · 04 — Reveal

Scroll-triggered motion · content arrives, it doesn't just exist

Reveal on arrival. Line by line.

Mask reveals, staggered grids, counting numbers, and a path that draws itself — each fired the moment it scrolls into view, then left alone. Scroll down.

§1

Staggered grid

three cards, one transition, delays of 0 / 90 / 180ms — reads as a single sweep

01

In view

An IntersectionObserver adds one class; CSS does the rest.

02

Then me

nth-child delays cascade the entrance without touching JS timing.

03

Then me

Fire once, unobserve — no re-trigger thrash on scroll-up.

§2

Count up

numbers tick from zero when they enter · eased, not linear

0
particles · exp-006
0ms
re-flow duration
0%
pure CSS motion
§3

Line draw

stroke-dashoffset animates a path into existence · staggered strokes

§4

Curtain wipe

a cover panel scales away on the X axis, uncovering what's beneath

Behind the panel

scaleX(1) → scaleX(0) · transform-origin right · 760ms