CSS 緩動函式

CSS 緩動函式模組定義了緩動函式,它們提供了一種控制值轉換的方法。定義的函式包括線性、三次貝塞爾和步進緩動函式。這些緩動函式可以應用於動畫和過渡。

逐漸增加元素移動的速度可以賦予元素一種重量感,因為它似乎在積聚動量。緩動函式使您能夠控制變化率。三次貝塞爾緩動函式可用於建立直觀的使用者介面元素或逼真的卡通道具,使其表現得像物理對應物一樣。

或者,您可能希望動畫以不同的步長向前移動,以建立機器人般的運動,或產生分段輪旋轉的效果,使分段始終出現在相同位置。為此,可以使用步進緩動函式。