37 lines
483 B
SCSS
37 lines
483 B
SCSS
// Slide up/down transition
|
|
.slide-enter-active {
|
|
transform-origin: 0 0;
|
|
transition: transform 0.5s ease-out;
|
|
|
|
> * {
|
|
transition: opacity 0.5s ease-in;
|
|
}
|
|
}
|
|
|
|
.slide-leave-active {
|
|
transform-origin: 0 0;
|
|
transition: transform 0.5s ease-in;
|
|
|
|
> * {
|
|
transition: opacity 0.5s ease-out;
|
|
}
|
|
}
|
|
|
|
.slide-enter,
|
|
.slide-leave-to {
|
|
transform: scaleY(0);
|
|
|
|
> * {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.slide-enter-to,
|
|
.slide-leave {
|
|
transform: scaleY(1);
|
|
|
|
> * {
|
|
opacity: 1;
|
|
}
|
|
}
|