Add css animation

This commit is contained in:
Oliver-Akins 2020-09-27 21:52:08 -06:00
parent a3ddddb131
commit 04a5e58e78

23
src/css/animations.css Normal file
View file

@ -0,0 +1,23 @@
/* 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%);
}
}