Fixed CSS Spin rule for cross-browser compatibility

psychowood · May 3, 2016 · 1d9df02 · 1d9df02
1 parent c2bdcc3
commit 1d9df02
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/app/styles/main.css b/app/styles/main.css
@@ -424,11 +424,12 @@ fieldset.action-toolbar .middle {
 */
 
 .glyphicon-animate-spin {
-  -animation: spin 1s infinite linear;
-  -webkit-animation: spin2 1s infinite linear;
+  animation: spin 1s infinite linear;
+  -webkit-animation: spin 1s infinite linear;
+  -moz-animation: spin 1s linear 0 infinite;
 }
 
-@-webkit-keyframes spin2 {
+@-webkit-keyframes spin {
   from { -webkit-transform: rotate(0deg);}
   to { -webkit-transform: rotate(360deg);}
 }
@@ -438,6 +439,11 @@ fieldset.action-toolbar .middle {
   to { transform: scale(1) rotate(360deg);}
 }
 
+@-moz-keyframes spin {
+    from { -moz-transform: rotate(0deg); }
+    to { -moz-transform: rotate(360deg); }
+}
+
 /* .torrents-results button {
   float: right;
   border-left: 1px solid;