CSS动画在IE中不起作用

Question

CSS动画有问题。动画在IE10（以及Chrome，Mozilla，Safari）中运行良好，但在IE9（以及IE边缘）中不起作用。

这是我的CSS：

.tossing07{
-webkit-animation-name: tossing07;  
animation-name: tossing07;

-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;   

-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes tossing07 {
0% {
    -webkit-transform: rotate(-25deg);  
}
50% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-25deg);  
}               
}

@keyframes tossing07 {
0% {
    transform: rotate(-25deg);  
}
50% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-25deg);  
    }                       
}

Answer 1

这是正常的动画工作，因为Ie10看can i use page，抱歉

Answer 2

IE9或更早版本不支持CSS动画。这就是为什么你的CSS动画不起作用。即使是供应商前缀也行不通。