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

1 vote438 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
29 votes372 views4 answers
@font-face css
CSS
16 votes390 views1 answer
Rgb purple color
CSS
0 vote386 views1 answer
How to increase the area of a text are
CSS
17 votes365 views4 answers
Li remove dot css
CSS
0 vote344 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
2 votes422 views1 answer
Css click event jquery
CSS
0 vote373 views1 answer
Css html attribut
CSS
2 votes352 views1 answer
Mat slide toggle change color
CSS
0 vote383 views1 answer
Move text outside div
CSS