Nuxt transitions

Adding default and custom transitions to your pages and layouts


In this example:

  • pages/index.vue and pages/fade.vue use the default page transiton.
  • pages/bounce.vue uses the transition property with a bounce transition
  • pages/slide.vue uses the transition property with a slide-bottom transition.
  • layout/default.vue contains the classes for all transitions.
Loading Sandbox...
Editer cette page sur GitHub Mise à jour le Mon, July 12, 2021