Bringing Page Transitions to the Web

At this year’s Google I/O, Jake presented the revised version of the Transition API:

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!

Very excited about this one, as this new version is way more powerful than its first iteration (which I also played with around this time last year).

You can try it out in Chrome Canary with the chrome://flags/#document-transition feature flag enabled.

Developer Guide →
Demo →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation

1 Comment

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.