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

1 vote193 views1 answer
How to change button gradient
CSS
0 vote135 views1 answer
Padding 4 values
CSS
53 votes175 views6 answers
Css transform
CSS
0 vote167 views1 answer
Css print landscape
CSS
0 vote174 views1 answer
Why wont text color of a div change
CSS
0 vote132 views1 answer
Cursor color change
CSS
2 votes163 views1 answer
How many pixels is h1 text html
CSS
0 vote181 views1 answer
Make element no styles
CSS
12 votes159 views4 answers
Padding in one line
CSS
3 votes128 views1 answer
Make item apper at the center of div
CSS