Last friday evening a had a show and tell with my long time friend and frontend guy Markus. He is currently building on astro and told me about the experimental View Transitions API.

Today my RSS Feed contained a post by Geoff Graham which titles How to add the simplest View Transition to my site and does exactly that.

TL;DR

1. Put this snippet into your head, when you have a site that has pages.

<meta name="view-transition" content="same-origin" />

2. Enable flags in Chrome Canary

• chrome://flags#view-transition
• chrome://flags#view-transition-on-navigation

The long version

Have a read at Dave Rupert’s pretty log post showing all nitty gritty details.