Horje
nuxt page transition Code Example
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




Css

Related
css focus Code Example css focus Code Example
dropdown size based on text Code Example dropdown size based on text Code Example
vertical align h1 inside div Code Example vertical align h1 inside div Code Example
fonts from google fonts do not work Code Example fonts from google fonts do not work Code Example
feature detect css Code Example feature detect css Code Example

Type:
Code Example
Category:
Coding
Sub Category:
Code Example
Uploaded by:
Admin
Views:
10