感谢您关注 Google I/O 大会!观看点播内容。 此页面由 Cloud Translation API 翻译。 web.dev 动画 开发高性能动画的技术。 概览 精选的优质资源集合,可帮助您了解为什么有些动画运行缓慢,以及如何使用 CSS 或 JavaScript 构建和调试自己的动画。 浏览器如何呈现动画 为什么有些动画速度很慢? 使用 CSS 构建动画 CSS 动画 API 指南 如何创建高性能 CSS 动画 高性能 CSS 动画的示例 首选减压:有时运动越少 使用 Chrome 开发者工具调试 CSS 动画 使用 Firefox 开发者工具调试 CSS 动画 使用 JavaScript 构建动画 Web Animations API 概览 Web Animations API 指南 Chromium 84 中的 Web Animations API 改进