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

1 vote164 views1 answer
Disable checkbox click event
CSS
0 vote209 views1 answer
Couloured button link generator code scss
CSS
0 vote180 views1 answer
Lier class et css
CSS
0 vote170 views2 answers
Modal pop up html css
CSS
6 votes266 views2 answers
How to add scss to a react app
CSS
1 vote184 views1 answer
Input type date all css style
CSS
0 vote180 views1 answer
Progress bar bootstrap border
CSS
0 vote202 views1 answer
Barra de rolagem vertical css
CSS
0 vote207 views1 answer
Bootstrap-scss github
CSS
0 vote172 views1 answer
Docker buildx push to private registry
CSS