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 vote117 views1 answer
What is the username password for ftp lampp
CSS
2 votes143 views1 answer
Make text unhighlightable
CSS
42 votes128 views4 answers
Css center div in page
CSS
115 votes119 views6 answers
Css padding
CSS
0 vote119 views2 answers
Update Arch Linux
CSS
1 vote126 views2 answers
Put a border only on bottom
CSS
0 vote119 views1 answer
Hide scroll bar and show when hover with small size
CSS
3 votes74 views1 answer
How to remove underline from link of p in css
CSS
1 vote107 views1 answer
Restrict flex items in a row
CSS
0 vote112 views1 answer
Css tricks macos spaces in dock
CSS