动效 Motion 组件 Component 游戏/互动 Game / interactive
css-doodle css-doodle
用扩展的样式语法画网格和动画，文档页就是现场。 Draw grids and motion with an extended style syntax; the docs are the live demo.
详细介绍Details
基于 Web Components 的 CSS 图案生成器：用扩展 CSS 语法画网格、图形与动画，文档站本身就是可点击的现场演示。 Web Components CSS pattern generator: draw grids, shapes, and motion with an extended CSS syntax. The docs site is a clickable live demo.
适合学什么What to learn
- 动效 Motion
CSS 动画库、纯 CSS 绘画与动效演示。 CSS animation libraries, pure-CSS drawings, and motion demos.
- 组件 Component
可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.
- 游戏/互动 Game / interactive
可直接玩或操作的教学游戏与 WebGL 演示。 Teaching games and WebGL demos you can play in the browser.
为什么推荐Why we recommend it 文档即画布，适合动效 / 组件 / 互动三类。 Docs as canvas. Fits motion / component / interactive.
