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 vote146 views1 answer
What is difference between padding and margin?
CSS
0 vote157 views1 answer
Add quotes in quote css
CSS
0 vote149 views1 answer
Css remove white space below footer
CSS
0 vote149 views1 answer
Make footer stick to bottom without overlap over other elements
CSS
2 votes145 views1 answer
Make blur with css
CSS
1 vote168 views1 answer
How to remove lines from textarea
CSS
1 vote182 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote158 views1 answer
Mixed-blend-mode css all properties
CSS
1 vote178 views1 answer
Webkit css
CSS
0 vote159 views1 answer
Fonts from google fonts do not work
CSS