Bringing page transitions to the web

Опубликовано 12 мая 2022, 16:00

Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating transitions between pages on the web is impossible. In-page transitions are possible, but complex. The good news: new APIs are coming to simplify this process, building on top of CSS animations and the web animation API, and it works across navigations!

Resources:
Demo → goo.gle/3M55GV8 (requires document-transition and enable-experimental-web-platform-features flags)
Developer guide → goo.gle/38hsYIU
Full explainer → goo.gle/3yrbzrS
Codelab → goo.gle/39cXoMw

Speaker: Jake Archibald

Watch more:
All Google I/O 2022 Sessions → goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → goo.gle/IO22_Web
All Google I/O 2022 technical sessions → goo.gle/IO22_Sessions

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#GoogleIO