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 vote222 views1 answer
Resize logo html css
CSS
1 vote211 views1 answer
Disable checkbox click event
CSS
-1 vote239 views1 answer
Css media query between two width
CSS
0 vote240 views1 answer
Media query change button text
CSS
0 vote222 views1 answer
Daphne vs gunicorn
CSS
11 votes188 views3 answers
Round button css
CSS
4 votes215 views2 answers
Css zebra
CSS
0 vote221 views1 answer
Chrome remove black inline from click button
CSS
3 votes252 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
120 votes191 views6 answers
Css hide scrollbar
CSS