网页动画是一种由多个浏览器供应商设计的全新动画模型,现已在 Blink 中推出。Chrome 于 2013 年底推出了基于网页动画的 CSS 动画和 CSS 过渡功能。新的 Web Animation 功能现在通过 JS 提供,可为 Web 开发者提供强大的广告素材控制能力,让其能够控制 JS 中的动画,且不会出现卡顿。网页动画引擎是 Polymer 项目使用的核心功能之一。此讲将介绍模型和新的 API,以及如何使用这些 API 并展示真实示例,说明如何立即将这些 API 集成到您的网站。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-08-09。
[null,null,["最后更新时间 (UTC):2024-08-09。"],[[["Web Animations is a new animation model created by multiple browser vendors, giving developers more control and avoiding performance issues."],["Chrome now utilizes Web Animations to power its CSS Animations and Transitions, offering smoother and more efficient animation capabilities."],["JavaScript APIs provide developers with advanced control over animations using Web Animations, expanding creative possibilities."],["The Polymer project utilizes the Web Animations engine as a core element, demonstrating its practical applications in web development."],["This information provides insight into the model, new APIs, practical applications, and integration techniques for Web Animations in website development."]]],["Web Animations, a new animation model, is now available in Blink. Chrome utilizes it for CSS Animations and Transitions. The model offers new JavaScript APIs that empower developers with creative control over animations without performance issues. The Web Animations engine is central to the Polymer project. The model, its APIs, and practical application examples are highlighted, demonstrating how developers can incorporate them into existing websites.\n"]]