感謝觀看 Google I/O 大會!立即觀賞隨選內容。 本頁面由 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 改良項目