Post

Love those classic thumbnail detail zooms with shared images in cross document view transitions? Want the same trick when switching state on the same page? Just give the thumbnail and the large image the same view-transition-name 😲 🚨🚨 !Non-unique view transition name panic! 🚨🚨 👇 See next post 👇

23/4/26, 3:05 pm0 reposts0 likes

Bag of Tricks for View Transitions

@vtbag.dev

23 Apr

We all learned that view transition names must be unique on a page. Sure. Just hide all but one occurrence with CSS and you are set. No JavaScript needed for dynamic view transition name assignment. Here is how you can hide static view transition names from the View Transition API:

vtbag.devView Transition Names and Generated Pseudo-ElementsWhat are those pseudo-elements of the View Transition API and how can I style and animate them?