CSS 动画在 IE 中不起作用

Question

我对 CSS 动画有疑问。动画在 IE10(以及 Chrome、Mozilla、Safari)中运行良好，但在 IE9(以及 IE edge)中不起作用。

这是我的 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 , 抱歉