The View Transitions API
3 min read · Web Platform
The image and heading each morphed from their card positions into the article layout — two named elements animating their geometry independently while everything else crossfaded.
<%= tag.h2("Title", style: "view-transition-name: hero-title;") %>