42 lines
664 B
CSS
42 lines
664 B
CSS
/* fade */
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.3s ease-in-out;
|
|
}
|
|
.fade-enter-from,
|
|
.fade-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* fade-out */
|
|
.fade-out-enter-active,
|
|
.fade-out-enter-from,
|
|
.fade-out-enter-to {
|
|
transition: none;
|
|
opacity: 1;
|
|
}
|
|
.fade-out-leave-active {
|
|
transition: opacity 0.3s ease-out;
|
|
}
|
|
.fade-out-leave-from {
|
|
opacity: 1;
|
|
}
|
|
.fade-out-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;
|
|
}
|