🛠️ 全部工具
/
CSS 动画生成器
🌈 CSS 动画生成器
可视化制作 @keyframes 动画 · 一键复制 CSS 代码
淡入
淡出
上滑
下滑
左滑
右滑
弹跳
抖动
旋转
脉冲
翻转
放大进入
🌈
属性
透明度 (opacity)
水平位移 (translateX)
垂直位移 (translateY)
缩放 (scale)
旋转 (rotate)
倾斜X (skewX)
倾斜Y (skewY)
背景色 (background)
圆角 (border-radius)
宽度 (width)
高度 (height)
时长
s
缓动
ease
linear
ease-in
ease-out
ease-in-out
弹跳
次数
(0=无限)
延迟
s
方向
normal
reverse
alternate
alternate-reverse
保持结束状态
自动播放
🎯 关键帧
应用
+ 添加关键帧
📋 生成的 CSS 代码
复制代码
/* 点击预设或调整参数后自动生成 */