精选 Featured 动效 Motion 游戏/互动 Game / interactive 文档站 Docs
Scroll-driven Animations Scroll-driven Animations
用滚动驱动的演示：进度、封面和堆叠卡片。 Scroll-driven demos for reading progress, cover flow, and stacked cards.
详细介绍Details
Chrome 开发者布拉姆斯做的演示站：阅读进度、封面流转、堆叠卡片、横向卷轴等，全部用滚动驱动动画，演示页本身就是手写 HTML/CSS/JS，无构建步骤。 Bramus’s Chrome-developer demo site: reading progress, cover-flow, stacked cards, horizontal scroll, all scroll-driven. The demo itself is handwritten HTML/CSS/JS with no build step.
适合学什么What to learn
- 动效 Motion
CSS 动画库、纯 CSS 绘画与动效演示。 CSS animation libraries, pure-CSS drawings, and motion demos.
- 游戏/互动 Game / interactive
可直接玩或操作的教学游戏与 WebGL 演示。 Teaching games and WebGL demos you can play in the browser.
- 文档站 Docs
带可运行示例的文档站与示例索引。 Doc sites and example indexes with runnable samples.
为什么推荐Why we recommend it 官方质量的动效实验室，类型覆盖动效、互动与文档。 Official-quality motion lab. Types cover motion, interactive, and docs.
