nuxt page transition example code

nuxt page transition example

nuxt page transition example in css

.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;
}

By Manish Salunke In css - 2/1/2022

Related to "nuxt page transition example code"

nuxt particles example code
nuxt print html example code
nuxt progress false example code
nuxt readme example code

nuxt page transition example code

nuxt page transition example

Related to "nuxt page transition example code"

Tags:

css