跳到主要内容
OpenTools
Hub
工具中心
分类
提示词库
第三方工具
问题反馈
登录
正在加载页面内容
工具中心
/
图片与设计
/
CSS 动画生成器
本地
收藏
CSS 动画生成器
选择预设动画并调整时长、延迟与缓动,生成可复制的 keyframes CSS。
动画设置
预览
动画预设
淡入
上滑淡入
左滑淡入
缩放进入
旋转进入
弹跳
脉冲呼吸
左右摇晃
时长 (秒)
延迟 (秒)
缓动
linear
ease
ease-in
ease-out
ease-in-out
播放次数
1 次
无限循环
方向
normal
reverse
alternate
alternate-reverse
动画名称
仅允许字母、数字、- 和 _
生成并重播
预览实时更新;非法字符会被替换为 `-`。全部在浏览器本地计算。