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 vote366 views1 answer
Twig language name
CSS
0 vote355 views1 answer
Float pb
CSS
0 vote300 views1 answer
Css opacity from 0 to 1
CSS
0 vote303 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
71 votes262 views17 answers
Box -shadow
CSS
0 vote335 views1 answer
Remove all default styles from input
CSS
0 vote312 views2 answers
Why is my body background color in css not working
CSS
0 vote341 views1 answer
Css static header on scroll
CSS
0 vote314 views1 answer
Font-strech css
CSS
0 vote335 views1 answer
Css ul shifts
CSS