title: @keyframes rules in IE9
body: <p>My animation with <code>@keyframes</code> is not working in IE. On the net various sources say that it is supported in IE9 and some say that it is not supported. Does somebody know for sure so that I should stop working in that direction… And, if not, what is <code>@-ms-keyframes</code> I thought it is a prefix for IE… Thanks!</p>
  
  <pre><code>@-webkit-keyframes move {
    0% {left: 0px;}
    49% {left: 940px; opacity: 1;}
    50% {left: 940px; opacity: 0;}
    51% {left: -940px; opacity: 0;}
    52% {left: -940px; opacity: 1;}
    100% {left: 0px;}
  }
  
  @-webkit-keyframes backup {
    0% {left: -940px;}
    100% {left: 940px;}  
  
  }  
  
  @-moz-keyframes move {
    0% {left: 0px;}
    49% {left: 940px; opacity: 1;}
    50% {left: 940px; opacity: 0;}
    51% {left: -940px; opacity: 0;}
    52% {left: -940px; opacity: 1;}
    100% {left: 0px;}
  }
  
  @-moz-keyframes backup {
    0% {left: -940px;}
    100% {left: 940px;}  
  
  }  
  
  @-ms-keyframes move {
    0% {left: 0px;}
    49% {left: 940px; opacity: 1;}
    50% {left: 940px; opacity: 0;}
    51% {left: -940px; opacity: 0;}
    52% {left: -940px; opacity: 1;}
    100% {left: 0px;}
  }
  
  @-ms-keyframes backup {
    0% {left: -940px;}
    100% {left: 940px;}  
  
  }  
  </code></pre>