gatsby-using-page-transitions icon indicating copy to clipboard operation
gatsby-using-page-transitions copied to clipboard

AnimateSharedLayout Transition?

Open MrUltimate opened this issue 3 years ago • 2 comments

Hi! Thank you for putting this together.

I was wondering if you've tried and could potentially share an example of create page transitions in Gatsby with Framer's AnimateSharedLayout?

MrUltimate avatar Nov 19 '20 21:11 MrUltimate

@MrUltimate I have not used AnimateShareLayout for page transitions. I instead opted for AnimatePresence. Is there a particular reason you are interested in using that for page transitions?

ryanwiemer avatar Nov 19 '20 22:11 ryanwiemer

@ryanwiemer thanks for getting back. essentially want to make able to create more advanced page transitions where common elements are animated across the page un-mounting and mounting. Take a look at this project that uses react and framer's AnimateShareLayout to animate a common image across pages.

MrUltimate avatar Nov 20 '20 16:11 MrUltimate