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 vote190 views2 answers
How to add image with url in css
CSS
0 vote208 views1 answer
How to target input type with css
CSS
0 vote166 views1 answer
Bootstrap 3 progress bar animation
CSS
0 vote216 views1 answer
Css disable user interaction
CSS
1 vote197 views1 answer
Ms css
CSS
0 vote218 views1 answer
Execution timeout expired the timeout
CSS
-1 vote225 views1 answer
How to remove default styling of a tag
CSS
3 votes179 views1 answer
Make item apper at the center of div
CSS
5 votes212 views1 answer
Force to load https
CSS
1 vote243 views1 answer
Composer use different php version
CSS