How can I do a shared element route transition?

Questions
, , ,
1

Hi guys!
https://angusemmerson.com/
I have to reproduce this effect on a my NextJs project with react three fiber. As you can see it’s a portfolio and once I click over a photo in the timeline there is a page transition to a single project page but the main image seems shared. The effect makes it seem as if the image always remains in the scene even if the page changes.
Any ideas to replicate it on r3f?

Thank you in advance guys!

2

Latest versions of chrome are preserving page state… so if you go to a different page and come back, there is a good chance it will resume in the state it left off… don’t know if that helps. :slight_smile: