Update timer/style.css

timer/style.css

@@ -1,6 +1,6 @@
 /*
 Svg Projects
-Author: Jonathan Trancozo
+Author: Jonathan Trancozo, Jaerin Lee
 Language: HTML, CSS3 and SVG
 Project_version: V1
 Project_description: 
@@ -52,8 +52,8 @@ body {
 }
 
 #progress-time-fill {
-    -webkit-animation-name: progress-fill;
-            animation-name: progress-fill; 
+    -webkit-animation-name: idle-fill; /* progress-fill; */
+            animation-name: idle-fill; /* progress-fill; */
     -webkit-animation-timing-function: linear; 
             animation-timing-function: linear; 
     -webkit-animation-iteration-count: infinite; 
@@ -62,8 +62,8 @@ body {
 
 /* Death */
 #death-group {
-    -webkit-animation-name: walk;
-            animation-name: walk;
+    -webkit-animation-name: idle; /* walk; */
+            animation-name: idle; /* walk; */
     -webkit-animation-timing-function: ease;
             animation-timing-function: ease; 
     -webkit-animation-iteration-count: infinite; 
@@ -121,6 +121,26 @@ body {
     height: 100%;
 }
 
+@-webkit-keyframes idle-fill {
+    0% {
+        x: -100%;
+    }
+
+    100% {
+        x: -100%;
+    }
+}
+
+@keyframes idle-fill {
+    0% {
+        x: -100%;
+    }
+
+    100% {
+        x: -100%;
+    }
+}
+
 @-webkit-keyframes progress-fill {
     0% {
         x: -100%;
@@ -141,6 +161,25 @@ body {
     }
 }
 
+@-webkit-keyframes idle {
+    0% {
+        transform: translateX(0);
+    }
+    100% {
+        transform: translateX(0);
+    }
+}
+
+@keyframes idle {
+    0% {
+        transform: translateX(0);
+    }
+    100% {
+        transform: translateX(0);
+    }
+}
+
+
 @-webkit-keyframes walk {
     0% {
         transform: translateX(0);