新！我的 44 頁電子書「44 分鐘學會 CSS」已經出版囉！😃
#animation-timing-function
定義動畫從開始到結束之間數值的計算方式。
預設值 animation-timing-function: ease;
動畫從慢開始，在中間加速，在最後變慢。
animation-timing-function: ease-in;
動畫從慢開始，然後逐漸加速到結束。
animation-timing-function: ease-out;
動畫快速開始，並逐漸減速至結束。
animation-timing-function: ease-in-out;
類似於 ease，但更為明顯。
動畫快速開始，並逐漸減速至結束。
animation-timing-function: linear;
動畫具有*恆定速度*。
animation-timing-function: step-start;
動畫立即跳轉至最終狀態。
animation-timing-function: step-end;
動畫維持在初始狀態，直到結束時立即跳轉至最終狀態。
animation-timing-function: steps(4, end);
透過使用帶有整數的 steps()，您可以在到達結束之前定義特定數目的步驟。元素的狀態將不會逐漸變化，而是會在不同的時間點在狀態之間跳動。