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.
Silky smooth Web Animations
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.
[null,null,["Last updated 2024-08-06 UTC."],[],["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"],null,[]]