What's new in web animations

Published: 10 May 2023
on channel: Chrome for Developers
38,260
1.2k

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-an...
Linear easing function generator → https://goo.gle/io23-linear-easing-fu...

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


Watch video What's new in web animations online without registration, duration hours minute second in high quality. This video was added by user Chrome for Developers 10 May 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 38,26 once and liked it 1.2 thousand people.