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 vote169 views1 answer
Cs cirlce
CSS
0 vote174 views1 answer
Css highlight element
CSS
1 vote181 views2 answers
Text align left top
CSS
0 vote182 views1 answer
Text align in materialize css
CSS Materialize
0 vote216 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
2 votes169 views1 answer
How to mirror object through css
CSS
1 vote160 views1 answer
Image grascale css
CSS
0 vote174 views1 answer
Style scroll react csss
CSS
0 vote180 views1 answer
Estilos de scroll css
CSS
11 votes189 views2 answers
Css image filter black and white
CSS