可视化编辑cubic-bezier曲线，30+预设，实时动画预览
🎨 曲线编辑器
transition-timing-function: cubic-bezier(0.25, 0.10, 0.25, 1.00);
📦 预设缓动函数
🎬 动画预览
1000ms
❓ 常见问题
什么是CSS缓动函数？
CSS缓动函数（Easing Function）定义了CSS动画在持续时间内如何加速和减速。cubic-bezier()是最常用的自定义缓动函数，通过4个控制点定义贝塞尔曲线。
cubic-bezier的4个参数是什么意思？
cubic-bezier(x1, y1, x2, y2)中，(x1,y1)是第一个控制点，(x2,y2)是第二个控制点。x代表时间进度(0-1)，y代表动画进度(0-1+)。x值必须在0-1之间，y值可以超出。
常见的缓动函数有哪些？
常见缓动函数：ease(0.25,0.1,0.25,1)、ease-in(0.42,0,1,1)、ease-out(0,0,0.58,1)、ease-in-out(0.42,0,0.58,1)、linear(0,0,1,1)等。
如何使用生成的代码？
复制生成的CSS代码，将其用作transition-timing-function或animation-timing-function的值即可。