CSS动画生成器
千寻网 CSS 动画生成器，20+ 预设动画（淡入/滑入/旋转/弹跳/抖动/脉冲等），可调时长、延迟、循环、缓动、方向、填充模式，实时预览并一键复制 CSS 代码。
选择动画
动画参数
1s
0s
预览
生成代码
使用说明
- 选择动画：20+ 种预设动画，分「进入/强调/退出」三大类。
- 时长：一次动画的总时间，如 1s、0.5s。
- 延迟：动画开始前的等待时间。
- 缓动函数：动画的速度曲线，如
ease-in-out两端慢中间快。 - 方向：
normal正常、reverse反向、alternate往返。 - 填充模式：
forwards让动画结束后保持结束状态。 - 生成的代码包含
@keyframes和animation两部分，可直接复制使用。