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

24 votes149 views3 answers
Css remove outline
CSS
0 vote151 views2 answers
How to link css to html in visual studio code
CSS
3 votes147 views1 answer
Not disabled css
CSS
17 votes152 views4 answers
Get featured image post wordpress by post id
CSS
0 vote104 views1 answer
Select multiple id css
CSS
0 vote157 views1 answer
Overflow-wrap: anywhere
CSS
0 vote137 views1 answer
White block on the left css
CSS
1 vote161 views1 answer
Css after not working
CSS
0 vote146 views1 answer
How to change textsize recta native
CSS
1 vote158 views1 answer
Why is my css code not working
CSS