title: Internet Explorer and CSS transform value of scale on keyframes
body: <p>I have built this awesome css only loader and everything is working fine except in Internet Explorer. For some reason, IE feels as if it needs to constantly shake. When it comes down to it all I'm doing is a simple keframe animation like this:</p>
  
  <pre><code>@keyframes loading
    0%
      transform: scale(1)
    50%
      transform: scale(1.2)
    100%
      transform: scale(1)
  </code></pre>
  
  <p>Here is my CodePen for the loader: <a href="http://codepen.io/MrGrigri/pen/zxWQdb" rel="nofollow">http://codepen.io/MrGrigri/pen/zxWQdb</a></p>
  
  <p>Also, here is the blog associated with it: <a href="http://codepen.io/MrGrigri/blog/responsive-loader/" rel="nofollow">http://codepen.io/MrGrigri/blog/responsive-loader/</a></p>
  
  <p>In all of the other browsers its working like a champ...just not IE.</p>
  
  <p>I'm testing it in IE Version 11.0.16 on Windows 8.1</p>
  
  <p>Thanks for the help</p>