switched css keyframe animation to transistions

Author: zesameri

css/secrets.css

@@ -9,21 +9,18 @@ svg {
   margin: 8px;
 }
 
-.cell:hover, .cell:visited, .cell:focus {
-  animation: spinFlowers 5s ease-in-out infinite normal forwards;
+.cell {
   padding: 0;
   margin: 0;
-}
 
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 5s;
+  transition: transform 5s;
+
+}
+.cell:hover {
+  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
 
-@keyframes spinFlowers {
-  0% {
-    transform:rotate(0deg);
-  }
-  50% {
-    transform:rotate(90deg);
-  }
-  100% {
-    transform:rotate(0deg);
-  }
 }