title: Insert css animation internet explorer javascript
body: <p>I want to insert a animation with javascript in internet explorer. Seems not to work. With chrome, ff no problem. Please check out these link: </p>
  
  <pre><code>var style = document.documentElement.appendChild(document.createElement("style")),
  
  rule="@keyframes test{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} ";
  style.sheet.insertRule(rule);
  
  $(".mojo")[0].style["animation"] = " test 3s ease-out both infinite";
  </code></pre>
  
  <p><a href="http://jsfiddle.net/273e2/17/" rel="nofollow">http://jsfiddle.net/273e2/17/</a></p>
  
  <p>Is animations are working with IE10. Inserting the animation in runtime it seems not to work.</p>