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 等常用的經典緩動作為預設。你可以以預設為起點進行微調，打造想要的動作。