02 / ANIMATION LAB

动效编辑器

试验 CSS 动画的节奏、移动距离和旋转幅度；演示仅作用于示例图形，代码可以直接复制或下载。

CSS KeyframesMotion Bench

默认暂停，点击播放

代码输出 / animation.css

/* 正在生成 CSS 动画 */

NOTE动效不应该成为负担

建议避免大面积持续闪烁，对晕动症敏感的用户应提供暂停选项。