CSS 动画生成器

CSS 动画生成器

CSS 动画生成器配置动画时长、延迟、缓动、循环次数和播放方向，实时预览示例动画并生成 @keyframes 和 animation 代码。

使用方法与常见问题

1. 设置时长、缓动、循环次数和方向。
2. 观察预览动画是否符合预期。
3. 复制代码并替换目标元素选择器。

常见问题：无限动画应考虑性能和可访问性，重要信息不建议只通过动画展示。

适用场景

适合按钮反馈、加载提示、装饰动效和前端交互原型。