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

8 votes105 views4 answers
Aos css animation
CSS
0 vote105 views1 answer
Twig convert encoding
CSS
0 vote109 views1 answer
How to background in modal css html and closee th modal with background
CSS
8 votes100 views2 answers
Clearfix css
CSS
29 votes103 views2 answers
@font-face rule in css
CSS
0 vote116 views1 answer
@font-face
CSS
2 votes102 views1 answer
How many pixels is h1 text html
CSS
1 vote102 views1 answer
Edge media query
CSS
0 vote129 views1 answer
Css how to remove underline from visited sites
CSS
0 vote98 views1 answer
P::after p::before css
CSS