What's new in web animations

Beginner
Technical session

Overview

Appropriate animations are a great way to help users build an accurate mental model of how a web page UI works and therefore increase usability of a web site. But it's important for a UI to feel polished and fluid to users. Shipping in Chrome is a collection of new APIs that help you build these frictionless and engaging experiences. Get a highlight of some of these new APIs: view transitions, scroll-driven animations, the linear easing function, and individual transform properties.

Resources

View Transitions documentation and demos
Learn more
Scroll-driven animations documentation and demos
Learn more
Linear easing function generator
Learn more
I/O Connect

Join sessions, office hours, and demos at Google's in-person developer events.

I/O Extended

Celebrate I/O technology with a local community-led event near you.