Home
/
View Transitions MPA
/
after
⚙ DevTools → Elements — inspect view-transition-name
← View before
☀
What's new:
Two CSS rules:
@view-transition { navigation: auto }
opts the page in.
view-transition-name: product-{id}
on the thumbnail tells the browser which element is the hero — it does the rest. No JavaScript added.