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 vote256 views2 answers
How to centre a div
CSS
2 votes225 views1 answer
How to bring default values in css
CSS
0 vote295 views4 answers
Tailwind to css converter
CSS
0 vote237 views1 answer
Advanced custom fields cpt options pages
CSS
2 votes273 views1 answer
Css text dont select
CSS
0 vote260 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
-1 vote294 views2 answers
Multi colors in background in css
CSS
51 votes287 views4 answers
Css center horizontally
CSS
2 votes262 views1 answer
Not hover css
CSS
0 vote279 views1 answer
Css every other element than self
CSS