@keyframes在IE9规则(@keyframes rules in IE9)

我与动画@keyframes没有在IE工作。 在网络上的各种消息来源说，它是在IE9支持，也有人说，它是不支持的。 是否有人知道肯定，使我应该停止在朝着这个方向努力......，如果没有，什么是@-ms-keyframes我认为这是IE浏览器的前缀...谢谢！

@-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;}  

}  

Answer 1:

或把robertc的评论到一个答案：CSS3动画在IE浏览器支持版本开始，10。 如果你不确定浏览器支持，请caniuse.com - 很少会在页面错误有关此表是基于测试和信息从浏览器开发人员的到来。 这里的链接到CSS3动画支持概览： http://caniuse.com/#feat=css-animation

对于IE9（及更早版本），你必须依赖于JavaScript和接受，动画不会工作。

文章来源: @keyframes rules in IE9