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
Connect with developers

Join developer communities around the world for networking, meetups, collaboration, and more.

Find a community
Continue learning

Grow your skills around the Google technology you love.