CSS animation 简写生成器
Css Animation 工具专注 animation 简写属性的拼装：按顺序填动画名、时长、延迟、循环次数、方向、填充模式与缓动，生成一行规范的 animation 声明，适合已有 keyframes、只想快速配好调用参数的场景。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 填写已有的动画名称
- 设定 duration 与 delay
- 选择次数方向与填充模式
- 生成一行 animation 简写
典型场景
已有 keyframes 时只调配调用参数
列表项错开延迟依次入场
控制动画填充保持结束态
常见问题
要自己写 keyframes 吗？
本页只生成调用声明，关键帧需你已有或另配。
顺序有要求吗？
简写按时长先于延迟等约定，工具会按序拼接。
和多帧生成器不同在哪？
那个编排关键帧，本页拼装 animation 简写属性。