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 vote193 views1 answer
Null vs void
CSS
-1 vote204 views1 answer
Sidebar-Content layout
CSS
5 votes160 views1 answer
Rgb background
CSS
6 votes207 views5 answers
Object fit css
CSS
0 vote224 views1 answer
Resctrict css to apply on div
CSS
0 vote188 views1 answer
How to use css in material ui
CSS
0 vote221 views2 answers
After and before css
CSS
0 vote228 views1 answer
Display flex css compatibility
CSS
1 vote221 views2 answers
Centrer verticalement css
CSS
12 votes195 views1 answer
How to make borders rounded in css
CSS