TAKE 01 · WORD STAGGER900ms · ease-out-expo · 90ms/word
Every word arrives on cue.
The Reel · patterns on file
Motion, by the slate.
Every pattern below demonstrates itself and prints its own timing, like a slate before a take. All of it is CSS transitions and one small script — the same choreography your commission would get. Press replay on any slate.
TAKE 02 · CHARACTER RAIN900ms · 40ms/glyph
letter by letter
TAKE 03 · MASK REVEAL1100ms · ease-in-out
wiped in from the left
TAKE 04 · RULED UNDERLINE900ms · draws after 250ms
the red rule draws itself
TAKE 05 · COUNTER1400ms · cubic ease-out
0
articles in the corpus — a real number, counted honestly
TAKE 06 · MAGNETIC KEY200ms follow · settles on leave
HOVER ME
the button leans toward the cursor — 12 lines of JS
TAKE 07 · MARQUEE14s loop · linear · pauses under reduced motion
one CSS keyframe, no script at all
TAKE 08 · WEIGHT WAVEvariable font axis · continuous
weight in motion
Newsreader's wght axis as the animator — see also the Specimen