✨ CSS 动画生成器
可视化构建 CSS 关键帧动画——配置时长、缓动、循环和变换。生成生产可用的 @keyframes CSS 并实时预览——全部在浏览器中完成。
关于 CSS 动画生成器
本工具可帮助你可视化构建 CSS 关键帧动画。选择动画类型（弹跳、旋转、脉冲、滑动、淡入淡出、摆动），设置时长、缓动函数、延迟、循环次数和方向。预览会实时播放动画，生成的 CSS 同时包含 @keyframes 和动画简写属性。
使用方法
- 为动画命名并设置时长。
- 选择缓动函数（ease、linear、cubic-bezier 等）。
- 选择动画类型来驱动关键帧。
- 调整距离/角度和循环次数。
- 点击更新预览，然后点击复制 CSS应用到项目中。
常见问题
"infinite" 循环是什么意思？ 动画会无限重复。用数字（如 3）替换可播放固定次数。
可以组合多种变换吗？ 本工具每次只生成一种变换类型。若要组合旋转+缩放，请手动编辑关键帧合并 transform 值。
动画结尾为什么会跳一下？ 尝试将方向设为 alternate，让动画在每个循环反向播放，形成无缝循环。