What’s new in web animations

What’s new in web animations

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 → https://goo.gle/io23-view-transitions
Scroll-driven animations documentation and demos → https://goo.gle/io23-scroll-driven-animations
Linear easing function generator → https://goo.gle/io23-linear-easing-function

Speaker: Bramus Van Damme

Watch more:
Watch all the Technical Sessions from Google I/O 2023 → https://goo.gle/IO23_sessions
Watch more Web Sessions → https://goo.gle/IO23_web
All Google I/O 2023 Sessions → https://goo.gle/IO23_all

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#GoogleIO