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 vote343 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote324 views1 answer
Cs cirlce
CSS
16 votes346 views2 answers
Css hiddden
CSS
0 vote339 views1 answer
How to change the theme of a website using css
CSS
0 vote344 views1 answer
Move text outside div
CSS
17 votes328 views4 answers
Li remove dot css
CSS
2 votes343 views3 answers
Css cursor delete
CSS
0 vote342 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
0 vote352 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
31 votes378 views3 answers
How to change the width of a background image in css
CSS