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 vote362 views1 answer
Style50 for cs50
CSS
0 vote391 views1 answer
Espacio entre lineas css
CSS
8 votes378 views1 answer
Reset submit btn style
CSS
9 votes389 views3 answers
Bootstrap blue outline button
CSS Bootstrap
34 votes380 views2 answers
Box position in center css
CSS
0 vote367 views1 answer
Colored link button style
CSS
-1 vote368 views1 answer
Reset the entire box model
CSS
0 vote394 views1 answer
Css change all text
CSS
1 vote351 views2 answers
Css color black
CSS
3 votes357 views3 answers
Htaccess return 404
CSS