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 vote261 views1 answer
Convert firebase created_at to Date string
CSS
1 vote266 views1 answer
Input type date remove calendar icon
CSS
0 vote247 views1 answer
Avatar change design html css
CSS
0 vote265 views1 answer
Closing modal on iframe movies still running
CSS
0 vote230 views1 answer
Sdsd
CSS
1 vote257 views1 answer
Insert background image css error
CSS
0 vote284 views1 answer
Css apply style to direct children
CSS
0 vote243 views1 answer
Css grid no stretch
CSS
0 vote258 views1 answer
Sass dummy folder site download
CSS
1 vote239 views1 answer
Css import google font not working
CSS