CSS Motion Tool
Keyframes 动画生成
编辑关键帧、时长和缓动，实时预览并生成可以直接使用的 @keyframes CSS。
01 / Animation
基础设置
缓动曲线
cubic-bezier(0.22, 1, 0.36, 1)
02 / Timeline
关键帧
%
%
03 / Presets
快速模板
Timeline
可视时间轴
所有关键帧会按百分比排序，并同步显示在时间轴上。
Timing
缓动控制
内置常用 easing，也支持直接填写 cubic-bezier。
Export
即时导出
直接复制完整 @keyframes 和 animation 声明。
BitLeap · 本地计算 · 隐私优先