速查在线工具箱CSS贝塞尔曲线编辑器简介
cubic-bezier缓动曲线是CSS transition/animation的核心节奏控制器，定义动画在时间线上的加速/减速曲线。
功能特点：可视化拖拽控制点、实时预览曲线形态、动画效果演示、内置常用预设（linear/ease/Material 3/spring等）、一键复制代码。
适用于按钮hover反馈、模态框出场入场、列表项滚动入场、页面切换动画等场景。
如何使用本工具？
1. 拖拽曲线上的两个控制点（P1、P2）调整曲线形态。
2. 点击预设按钮快速应用常用曲线。
3. 点击"播放"预览动画效果。
4. 复制 timing-function 或完整 transition 代码到项目中。
常见问题与解答
cubic-bezier的4个数字是什么？
cubic-bezier(x1, y1, x2, y2)中(x1,y1)是从起点(0,0)拉出的控制点，(x2,y2)是从终点(1,1)拉回的控制点。X必须在[0,1]内，Y可以超出范围实现spring效果。
什么时候用ease-in/ease-out？
进场用ease-out（减速到位），退场用ease-in（加速离开），双向动画用ease-in-out。