#View transition between <Image> tags

4 messages · Page 1 of 1 (latest)

chrome rover
#

Have you tried wrapping the image in a div with transition:name?

#

Oh. No. Image should work

#

Can you share some code?

sly spoke
#

transition:name has to be a unique value between two elements, the .map() is applying the name to more than one photo

Note that the provided transition:name value can only be used once on each page. Set this manually when Astro can’t infer a proper name itself, or for more fine control over matching elements.

https://docs.astro.build/en/guides/view-transitions/#naming-a-transition

Astro Documentation

Enable seamless navigation between pages in Astro with view transitions.