Nuxt page transition

.layout-enter-active,
.page-enter-active,
.layout-leave-active,
.page-leave-active {
    transition: opacity 400ms, transform 400ms;
}

.layout-enter,
.page-enter {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
}

.layout-enter-to,
.page-enter-to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.layout-leave,
.page-leave {
    opacity: 1;
}

.layout-leave-to,
.page-leave-to {
    opacity: 0;
}

Source: nuxtjs.org

Similar codes

0 vote306 views1 answer
Liste commandes disponibles linux
CSS
0 vote283 views2 answers
Error: the sandbox is not in sync with the podfile.lock. run
CSS
19 votes292 views2 answers
How to customize placeholder css
CSS
0 vote293 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
9 votes294 views2 answers
Textview center text
CSS
0 vote294 views1 answer
Override vuetify container width
CSS
2 votes310 views1 answer
Css area not selectable
CSS
1 vote293 views1 answer
Restrict flex items in a row
CSS
0 vote327 views1 answer
Mixed-blend-mode css all properties
CSS
1 vote319 views1 answer
How to validate mail adress css
CSS