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

9 votes146 views3 answers
Css font style
CSS
0 vote136 views5 answers
Boostrap css
CSS Bootstrap
0 vote188 views1 answer
Reorder images in mobile web developer
CSS
44 votes132 views6 answers
How to center a div element
CSS
0 vote271 views1 answer
Centrer un élément absolute
CSS
0 vote141 views1 answer
Add logo html css
CSS
6 votes140 views2 answers
Css make text transparent
CSS
1 vote135 views1 answer
IPhone XS css
CSS
8 votes166 views2 answers
Css change image width
CSS
1 vote130 views1 answer
Css background offset
CSS