準備 Chrome 中的第三方 Cookie 終止。立即測試你的網站,確保一切運作正常。 本頁面由 Cloud Translation API 翻譯而成。 web.dev 探索 動畫 透過集合功能整理內容 你可以依據偏好儲存及分類內容。 動畫 開發高效能動畫的技巧。 總覽 彙整一系列優質資源,有助您瞭解為何動畫速度緩慢,以及如何使用 CSS 或 JavaScript 建構自己的動畫並進行偵錯。 瀏覽器如何轉譯動畫 為什麼有些動畫速度緩慢? 使用 CSS 建構動畫 CSS 動畫 API 指南 如何建立高效能 CSS 動畫 高效能 CSS 動畫示例 偏好減少動態:有時候,動作越少 使用 Chrome 開發人員工具對 CSS 動畫進行偵錯 使用 Firefox 開發人員工具對 CSS 動畫進行偵錯 使用 JavaScript 建構動畫 Web Animations API 總覽 網路動畫 API 指南 Chromium 84 中的 Web Animations API 改良項目