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 vote193 views1 answer
Material css sidebar
CSS
0 vote215 views1 answer
Css box shadow right and down
CSS
2 votes197 views2 answers
Details transition css
CSS
0 vote197 views1 answer
Pyqt5 qresources
CSS
20 votes197 views3 answers
Css text selection none
CSS
0 vote202 views1 answer
Css dashed double border
CSS
0 vote192 views1 answer
Codemirror resizable
CSS
0 vote209 views1 answer
Negative border radius
CSS
0 vote213 views1 answer
Removing default background color of html input
CSS
0 vote229 views1 answer
Css changer la couleur de la sélection
CSS