cubic-bezier 的四个值是什么？

是两个控制点的坐标 (x1,y1,x2,y2)。x 必须在 0–1（时间），y 可超出 0–1（超出会产生回弹/过冲）。它定义了动画随时间的速度曲线。

ease/ease-in/ease-out 对应什么？

ease=cubic-bezier(.25,.1,.25,1) 默认缓动；ease-in 慢起步；ease-out 慢收尾；ease-in-out 两头慢。用预设按钮可一键套用再微调。

把 y 值调到 0–1 之外（如 y2=1.55）曲线会过冲再回落，产生弹性回弹。本工具的「回弹」预设即是。

不会，纯前端、不追踪。

调 4 个控制点，看曲线 + 小球动画预览，内置 ease / 回弹等预设，一键复制 cubic-bezier()。纯前端。

x10.25y10.1x20.25y21

用当前曲线驱动小球运动

cubic-bezier(0.25, 0.1, 0.25, 1)

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

x 是时间（必须 0–1），y 是进度（可超出 0–1 做回弹/过冲）。把 y 调出边界即得弹性效果。

同类还有 CSS 渐变生成器、box-shadow 生成器、border-radius 生成器，均纯前端运行、不上传、不追踪。