Scroll · Moves as you scroll
Assemble from scatter从散落聚拢
- messy then ordered
- gathering at once
- coming home
A row of cards starts scattered — each pushed in its own direction and tilted by its own angle. As you scroll they gather and straighten, and around halfway they snap into an orderly grid. They all move at once; they simply started in different places.
When to use it
Use it for feature sections, team walls, or any idea that gets taken apart and put back together. If the cards have an order or a hierarchy, do not use it — scattering hides the sequence.
Parameters
per-card offset ±(6–24)vw / ±11vh and rotate −41…+46deg · progress 0 → .46 collapses all to 0 · scroll-driven lerp, no easing · all start together
Recipe
when scroll-driven lerp, no easingdriven by scroll position lerp, no easingAssemble from scatter → per-card offset ±(6–24)vw / ±11vh and rotate −41…+46deg · progress 0 → .46 collapses all to 0 · all start together
One sentence for your AI
Make this row gather from scatter: give each card its own starting offset (roughly ±6–24vw and ±11vh) and its own rotation (between −41 and +46 degrees), then tween them all to zero against the scroll progress so they are aligned by 46%. They must start together with different origins — not one after another, which would just be a stagger.