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 vote287 views1 answer
Scroll tbody fixed thead
CSS
0 vote285 views1 answer
@media for react style css
CSS
2 votes277 views1 answer
Uninstall pm2
CSS
2 votes267 views1 answer
Css how do i remove highlighting
CSS
1 vote295 views2 answers
Apple font css
CSS
3 votes283 views1 answer
Css how to make text not break
CSS
0 vote317 views1 answer
Espacio entre lineas css
CSS
1 vote283 views2 answers
Image to fill container size
CSS
0 vote281 views2 answers
Css wavy line
CSS
6 votes304 views2 answers
Image orientation css
CSS