From 34b87d614f5eb0d7e08560cff4fa3d337039e14f Mon Sep 17 00:00:00 2001
From: Ryan Ashley <rashley@iqt.org>
Date: Wed, 3 Apr 2019 15:29:37 -0400
Subject: [PATCH] fix: improved blink timing

---
 .../visualization/Visualization.module.css     | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/features/visualization/Visualization.module.css b/src/features/visualization/Visualization.module.css
index 11f03df85..5ca938189 100644
--- a/src/features/visualization/Visualization.module.css
+++ b/src/features/visualization/Visualization.module.css
@@ -32,15 +32,15 @@
   -webkit-animation-name: delta;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
-  animation: delta 5s infinite;
+  animation: delta 2s infinite;
 }
 
 @keyframes delta {
-  0% {
+  50% {
     -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
     clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
   },
-  100% {
+  0%, 100% {
 
   }
 }
@@ -61,15 +61,15 @@
   -webkit-animation-name: plus;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
-  animation: plus 5s infinite;
+  animation: plus 2s infinite;
 }
 
 @keyframes plus {
-  0% {
+  50% {
     -webkit-clip-path: polygon(0% 33%, 33% 33%, 33% 0%, 66% 0%, 66% 33%, 100% 33%, 100% 66%, 66% 66%, 66% 100%, 33% 100%, 33% 66%, 0% 66%, 0% 33%);
     clip-path: polygon(0% 33%, 33% 33%, 33% 0%, 66% 0%, 66% 33%, 100% 33%, 100% 66%, 66% 66%, 66% 100%, 33% 100%, 33% 66%, 0% 66%, 0% 33%);
   },
-  100% {
+  0%, 100% {
 
   }
 }
@@ -90,15 +90,15 @@
   -webkit-animation-name: minus;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
-  animation: minus 5s infinite;
+  animation: minus 2s infinite;
 }
 
 @keyframes minus {
-  0% {
+  50% {
     -webkit-clip-path: polygon(0% 33%, 100% 33%, 100% 66%, 0% 66%);
     clip-path: polygon(0% 33%, 100% 33%, 100% 66%, 0% 66%);
   },
-  100% {
+  0%, 100% {
 
   }
 }