Bringing page transitions to the web



Published
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 → https://goo.gle/3M55GV8 (requires document-transition and enable-experimental-web-platform-features flags)
Developer guide → https://goo.gle/38hsYIU
Full explainer → https://goo.gle/3yrbzrS
Codelab → https://goo.gle/39cXoMw

Speaker: Jake Archibald

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

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

#GoogleIO
Category
Web design
Be the first to comment