What's new in web animations

Опубликовано 10 мая 2023, 20:38

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

Speaker: Bramus Van Damme

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

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#GoogleIO