title: CSS @keyframes not working in Chrome
body: <p>I was experimenting CSS3 @keyframes animations but I didn't managed to make it work in Chrome (currently I have Chrome 38)</p>
  
  <p>The code is really simple :</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="block"&gt;moving text&lt;/div&gt;
  </code></pre>
  
  <p><br></p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>@keyframes mymove
  {
      0%   {top:0px;}
      25%  {top:200px;}
      50%  {top:100px;}
      75%  {top:200px;}
      100% {top:0px;}
  }
  
  #block {
      position:absolute;
      animation: mymove 2s infinite;
  }
  </code></pre>
  
  <p>Here is a <a href="http://jsfiddle.net/bz7n3/1/" rel="noreferrer">Fiddle</a> with the same code.</p>
  
  <p>For me the text isn't moving in Chrome 38, but it works great on Firefox 30 and IE 11.</p>
  
  <p>I have tried to use <code>@-webkit-keyframes</code> but the text doesn't move either in Chrome.</p>