35 lines
595 B
CSS
35 lines
595 B
CSS
/* page-fade */
|
|
.page-fade-enter-active,
|
|
.page-fade-leave-active {
|
|
transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
|
|
}
|
|
.page-fade-enter-from,
|
|
.page-fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* fade */
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.3s ease-in-out;
|
|
}
|
|
.fade-enter-from,
|
|
.fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
.slide-up-enter-active,
|
|
.slide-up-leave-active {
|
|
transition:
|
|
transform 0.3s ease-out,
|
|
opacity 0.3s ease-out;
|
|
}
|
|
.slide-up-enter-from {
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|
|
.slide-up-leave-to {
|
|
transform: translateY(100%);
|
|
opacity: 0;
|
|
}
|