预览 CSS transition-timing-function 效果。生成动画关键帧见 CSS 动画生成器。
缓动参数
缓动曲线
线性参考线（灰） vs 缓动曲线（蓝）
缓动函数可视化
CSS 缓动曲线可视化：预设与 cubic-bezier 自定义、曲线图与动画预览，复制 transition CSS，localStorage。
快速高效
简单易用
安全隐私
使用说明
选择预设或自定义 cubic-bezier 控制点，查看曲线图与轨道动画，复制 transition CSS。
- 选择预设缓动或自定义 x1/y1/x2/y2，调整持续时间。
- 点击「播放动画」观察小球运动；曲线图对比线性参考。
- 复制 CSS 到样式表；参数保存到 localStorage。
数据均在浏览器本地处理，不会上传到服务器。