From 04a5e58e78eac90c5e898e4838a9640c0dcc87bc Mon Sep 17 00:00:00 2001 From: Oliver-Akins Date: Sun, 27 Sep 2020 21:52:08 -0600 Subject: [PATCH] Add css animation --- src/css/animations.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 src/css/animations.css 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