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 vote332 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
53 votes301 views6 answers
Background color in css
CSS
0 vote317 views1 answer
Htacess mono-site
CSS
4 votes297 views2 answers
Background image with color overlay gradient css
CSS
0 vote333 views1 answer
Media screen tablet
CSS
0 vote325 views1 answer
To make card box appear more bigger when hover
CSS
1 vote287 views1 answer
Javascript read me text
CSS
0 vote309 views1 answer
Css not last of type
CSS
85 votes327 views5 answers
Justify content css
CSS
0 vote316 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS