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

12 votes389 views3 answers
Vertical and horizontal align center div
CSS
0 vote397 views1 answer
Faire rectangle qui prend toute la largeur css
CSS
37 votes354 views2 answers
Rgb yellow color
CSS
0 vote363 views1 answer
Resctrict css to apply on div
CSS
2 votes351 views1 answer
How to apply css to firefox only
CSS
0 vote374 views1 answer
Css dark blue
CSS
1 vote372 views1 answer
Two classes css modules
CSS
0 vote416 views1 answer
How mto change the label font style in css
CSS
18 votes376 views4 answers
Grayscale css
CSS
2 votes426 views1 answer
Https request
CSS