cubic-bezier() 缓动曲线由两个控制点定义：P1 (x1, y1) 和 P2 (x2, y2)，起点 (0,0) 和终点 (1,1) 固定。输入四个数值，曲线即时以 SVG 绘出，把动画进度（x，时间）映射为输出（y，取值）。x 必须在 0 到 1 之间，y 可以越界以实现回弹效果。
用预设按钮载入 CSS 关键字（linear、ease、ease-in、ease-out、ease-in-out），再在此基础上微调。点击预览可看到方块用你的曲线作为过渡时间函数移动。生成的 cubic-bezier() 值可直接粘贴进 CSS transition 或 animation。全部在浏览器本地运行。
CSS Gradient GeneratorCSS Shadow GeneratorCSS Unit Converter