Loading…
调整 cubic-bezier 缓动曲线，生成 CSS 的 transition-timing-function。
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
调整四个控制点（x1, y1, x2, y2）来构建贝塞尔曲线。将 y 设置为小于 0 或大于 1 会产生回弹（overshoot）效果。
它是一种缓动函数，用四个控制值（两个坐标点）来表示动画的加速与减速程度。通过将其设置到 transition-timing-function 上，你可以自由调整动作的快慢节奏。
调整曲线时会输出 cubic-bezier(...) 值，把它直接粘贴到 CSS 的 transition-timing-function 或 animation-timing-function 中即可。
工具提供了 ease、ease-in、ease-out、ease-in-out 等常用的经典缓动作为预设。你可以以预设为起点进行微调，打造想要的动作。