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 vote348 views1 answer
Make bg blurred css
CSS
0 vote360 views1 answer
Cheat codes for hmtl and css
CSS
0 vote349 views1 answer
Lier class et css
CSS
0 vote365 views1 answer
Css animate background color change
CSS
0 vote353 views1 answer
Width 33 css
CSS
0 vote396 views1 answer
Css fade change coloir
CSS
0 vote351 views1 answer
How to remove text highlight on double click
CSS
15 votes364 views2 answers
Transition background gradient
CSS
37 votes351 views4 answers
Css circle border
CSS
1 vote352 views1 answer
Add border to input css
CSS