ScrollMoves as you scroll
Motion tied to scrolling: where and how fast you scroll decides what moves.
13 motions
- Scroll reveal滚动进入 Elements play their entrance only when they scroll into view, so content appears section b…
- Scroll-driven animation滚动驱动 The animation's progress is bound directly to scroll position, so scrolling back plays it …
- Parallax视差 The background moves more slowly than the foreground, creating a sense of depth between th…
- View transition视图转场 The browser snapshots the view before and after a change and automatically fills the diffe…
- Reading progress阅读进度 A hairline at the top fills as you scroll, and a rail of ticks says how many sections ther…
- Smooth scrolling平滑滚动接管 Wheel once and the content does not jump to follow — it catches up with a little weight, a…
- Direction-aware nav hide按滚动方向收纳导航 As you read downward the top bar slides away and gives the screen back to the content
- Horizontal scroll section横向滚动区段 You scroll down but this section moves sideways: a row of product cards travels right to l…
- Scroll word illumination滚动逐词点亮 A paragraph sits greyed out
- Scroll quantized focus blur滚动分档失焦 A block of text is pinned on screen; whichever paragraph you are on is sharp while the res…
- Assemble from scatter从散落聚拢 A row of cards starts scattered — each pushed in its own direction and tilted by its own a…
- Scroll-scrubbed playback滚动推播放头 An animation that would normally play on its own no longer does: scroll down and it runs f…
- Scroll frame sequence滚动逐帧序列 It looks like video but is a stack of pre-rendered stills (36 real product photos in the d…