23 lines
No EOL
387 B
CSS
23 lines
No EOL
387 B
CSS
/* Transition for modal card appearing disappearing */
|
|
.top-slide-enter-active {
|
|
animation: top-slide-in 1s;
|
|
}
|
|
.top-slide-leave-active { animation: top-slide-out 1s; }
|
|
|
|
@keyframes top-slide-in {
|
|
0% {
|
|
transform: translateY(-100%);
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes top-slide-out {
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
100% {
|
|
transform: translateY(-100%);
|
|
}
|
|
} |