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 vote228 views1 answer
Object-fit
CSS
0 vote154 views1 answer
Ipad pro css
CSS
0 vote239 views1 answer
Bootstrap accordion some change
CSS Bootstrap
3 votes183 views2 answers
How to give shadow to navbar
CSS
0 vote200 views2 answers
Prevent line break css
CSS
8 votes196 views2 answers
How to add border in css
CSS
1 vote169 views1 answer
Css 100% -20px
CSS
1 vote176 views1 answer
Multiple values in @media
CSS
0 vote211 views1 answer
Change color to white svg with filter
CSS
42 votes183 views6 answers
Css transparent background color
CSS