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 vote155 views1 answer
Blue color when button click web mobile
CSS
0 vote160 views1 answer
Force keyboard to hide android programmatically
CSS
1 vote149 views2 answers
Centralizar div verticalmente css
CSS
2 votes156 views2 answers
Why is my footer not at the bottom html
CSS
18 votes161 views5 answers
Col-md-6 bootstrap
CSS
11 votes164 views3 answers
Css poppins font
CSS
0 vote210 views1 answer
Css inverted border radius
CSS
0 vote180 views2 answers
Add a comment in css
CSS
4 votes166 views1 answer
Make something unclickable css
CSS
0 vote209 views1 answer
Name attribute css doesn't work
CSS