Web Animations is a new animation model designed by multiple browser vendors and is now shipping in Blink. Chrome shipped CSS Animations and CSS Transitions running on top of Web Animations at the end of 2013. New Web Animation capabilities are now exposed in JS and give web developers powerful creative control of animations from JS but without jank. The Web Animations engine is one of the core features used by the Polymer project. This session explains the model, the new APIs, how to use them and shows real world examples of how to integrate them into your sites now.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-08-06 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-08-06 UTC."],[[["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."]]],[]]