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 vote279 views1 answer
How to loop a javascript array
CSS
21 votes322 views5 answers
CSS italic
CSS
1 vote299 views2 answers
Css disabled option
CSS
0 vote277 views1 answer
Css ripple effect
CSS
0 vote314 views1 answer
1rem in px
CSS
50 votes288 views5 answers
Css reset style
CSS
6 votes314 views3 answers
Disable drag image css
CSS
0 vote294 views1 answer
Titillium font
CSS
-1 vote380 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
0 vote288 views1 answer
Remove border radius select css
CSS