CSS 关键帧动画生成器

动画时长 1s 延迟 0s 循环次数 ∞ 缓动

关于这个工具

选择一个预设动画——淡入、滑入、弹跳、旋转、缩放、摇晃、脉冲或翻转——并调节它的时长、延迟、循环次数和缓动曲线。预览区的方块会实时应用该动画，让你感受节奏，下方生成精确的 @keyframes 规则和 animation 简写，可直接粘贴到样式表。

把循环次数拉到最大即为无限循环，调低则运行固定次数。用重播按钮可重新播放一次性动画。全部在浏览器本地运行，不会上传任何内容。