diff --git a/src/css/animations.css b/src/css/animations.css
new file mode 100644
index 0000000..f0dd5cb
--- /dev/null
+++ b/src/css/animations.css
@@ -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%);
+	}
+}
\ No newline at end of file