Example Use of Nuxt Shared Element Transition

Basic Full Page | Child Page | Fancy Modal

Modal Example

A complex example of modals. The user can open/close the modal as well as navigate to previous and next modals. There are three separate transtition containers: the Contextual Transition for opening and closing the modal (using Shared Element Transitions), the fade for the modal container and its contents for opening/closing the modal, and the Relative Slide transition for moving forward or backward with the modal.

Slug: cyan

Fork me on GitHub