title: Firefox ignoring one animation in comma-separated declaration
body: <p>Firefox is ignoring the declaration for the first animation (<code>cursorfadein</code>), while showing the animations that handle the moving and fading out just fine. I've tried using units like <code>0s</code> and <code>0ms</code>Code below. </p>
  
  <pre><code>@-moz-keyframes cursorfadein {
      0% { opacity: 0; }
      100% { opacity: 1; }
  }
  @-moz-keyframes cursormover {
      0% {
          top: 300px;
          right: 90px;
      }
      50%, 60% {
          top: 204px;
          right: 234px;
      }
      100% {
          top: 300px;
          right: 290px;
      }
  }
  @-moz-keyframes cursorhider {
      0% { opacity: 1; }
      100% { opacity: 0; }
  }
  .cursor {
      position: absolute;
      background: url(https://cdn.mediacru.sh/A/AhRlh9cYN5sf.png) no-repeat;
      background-size: contain;
      display: block;
      height: 20px;
      width: 20px;
      -webkit-animation: cursorfadein 3s ease 0s, cursormover 3s ease-in-out 2s both, cursorhider 1s linear 6s both;
      -moz-animation: cursorfadein 3s ease 0s, cursormover 3s ease-in-out 2s both, cursorhider 1s linear 6s both;
      animation: cursorfadein 3s ease 0s, cursormovein 3s ease-in-out 2s both, cursorhider 1s linear 6s both;
  }
  </code></pre>
  
  <p>I have the -webkit- and non-prefixed @keyframes as well (included in the Codepen), just wanted to be brief here on SO</p>
  
  <p>Codepen <a href="http://codepen.io/SammyJ/pen/NPNJvR" rel="nofollow">here</a>.</p>