add blinking to heart motivation levels relates #15

fac-13 · May 25, 2018 · b846dbd · b846dbd
1 parent 5f44296
commit b846dbd
Showing 1 changed file with 11 additions and 14 deletions.
diff --git a/src/components/css/game.css b/src/components/css/game.css
@@ -32,23 +32,20 @@
   margin: 0;
 }
 
-/* .motivation__level:last-child {
+.motivation {
   color: transparent;
   text-shadow: 0 0 0 hsla(0, 0%, 20%, 1);
-  animation: blink 1s step-end infinite;
-} */
-/* 
-@keyframes blink {
-  from {
-    opacity: 0%;
-  }
-  to {
-    opacity: 100%;
-  }
-} */
+  margin-top: 0.3rem;
+}
 
-.motivation {
+.motivation:last-child {
   color: transparent;
   text-shadow: 0 0 0 hsla(0, 0%, 20%, 1);
-  margin-top: 0.3rem;
+  animation: blinker 500ms ease-in-out infinite;
+}
+
+@keyframes blinker {
+  50% {
+    opacity: 0;
+  }
 }