cubic-bezier 贝塞尔曲线生成器用可视化的方式调 CSS 缓动函数:拖动两个控制点改变曲线形状,曲线图与运动小球实时联动,可复制 transition-timing-function 或 animation-timing-function 代码,并内置 linear、ease、ease-in-out、回弹等常用预设,浏览器本地计算,免费使用无需安装。
cubic-bezier 贝塞尔曲线生成器:拖动两个控制点调整缓动曲线,右侧小球按当前曲线实时演示速度变化,纵轴可超出 0~1 做回弹过冲,调好一键复制 transition / animation 的 timing-function。
曲线编辑
纵轴可超出 0~1(形成回弹/过冲),横轴必须在 0~1 之间,否则浏览器会忽略该曲线。控制点可用 Tab 聚焦后按方向键微调,按住 Shift 步长放大到 0.1。