06 / Scroll-driven

Sticky Stacking Cards

Cards catch at the top one after another and pile over each other as you keep going.

also called card stack · sticky stack

One property on a list. Each item sticks at the same offset so later items slide over earlier ones and the stack builds itself. No library, no measurement, no scroll listener.

How it is built

li { position: sticky; top: 76px; }