Morph Page One

The "Morph" transition only works with browsers that natively support view transition API.

This page has several links to the next page. We want each link to morph into the heading of the target page. The morph effect changes an element in size, position and opacity to blend with an element with same transition name on the new page. Intuitively we would add transition:name="xyz" to all links and to the heading. But this would not work: View transition names must be unique on a page.

Continue to the next page.