feat: slow pulse animation

Add slow pulsing animation for use with loading screen fix #332
mdn · Dec 6, 2020 · 213a735 · 213a735
1 parent 208f11a
commit 213a735
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/sass/mixins/_animation.scss b/sass/mixins/_animation.scss
@@ -1,3 +1,7 @@
+@mixin slow-pulse() {
+  animation: 2s infinite normal slow-pulse;
+}
+
 @mixin fade-in() {
   animation: fade-in 0.5s ease-out;
 }
@@ -15,3 +19,17 @@
     opacity: 1;
   }
 }
+
+@keyframes slow-pulse {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}