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

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