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 vote156 views1 answer
Css box-shadow over other elements
CSS
1 vote145 views1 answer
How to check if eloquent result is empty
CSS
0 vote150 views2 answers
Wpforms button style
CSS
-1 vote168 views1 answer
Html css image slider
CSS
1 vote150 views1 answer
Css random
CSS
1 vote133 views1 answer
How to create a semi circle in css
CSS
0 vote157 views1 answer
Html glow on hover
CSS
-1 vote153 views2 answers
Css lock scroll
CSS
0 vote150 views1 answer
Qgraphicsscene get viewport width
CSS
2 votes150 views1 answer
How to override material ui css
CSS