title: HTML spinner not spinning in firefox
body: <p>I am using icon-font spinner for showing something is processing.
  But the spinner is not spinning in firefox
  This is my less code</p>
  
  <pre><code>.animation (@params) {
      -webkit-animation:@params;
      -o-animation:@params;
      animation:@params;
  }
  
  .spin {
      .animation(spin 1500ms infinite linear);
  }
  @-webkit-keyframes spin {
      to { -webkit-transform: rotate(360deg); } }
  @-o-keyframes spin {
      to { -o-transform: rotate(360deg); } }
  @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }
  </code></pre>
  
  <p>This is my html code</p>
  
  <pre><code>&lt;div ng-if="showProgressBar" class="spin icon-spinner"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It is working fine in chrome. In firefox I am able to see static icon not spinning icon</p>