Sofia Emelianova
Chrome 開發人員工具的「Animations」分頁是強大的工具，可協助您放慢、重播、調整 CSS 動畫時間，並立即查看結果。
開啟「動畫」分頁後，系統會自動記錄動畫，並方便你將動畫分組，讓你執行下列操作：
- 重播並放慢動畫，以便進一步檢查。
- 您可以拖曳時間軸上的點來調整時間長度、時間和延遲時間，而非手動猜測並設定 CSS 值。
此外，您也可以在「Elements」 >「Styles」窗格中使用「Easing Editor」編輯淡出時間，並設定自訂 cubic-bezier 曲線值。詳情請參閱「使用『Easing Editor』編輯動畫和轉場時間」。
如要進一步瞭解實作方式，請參閱「檢查及修改 CSS 動畫效果」指南。