Post

Bag of Tricks for View Transitions
@vtbag.dev

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 👇

Bag of Tricks for View Transitions
@vtbag.dev

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?

0 reposts0 likes

No replies yet.