2014-07-04 309 views
0

我的CSS動畫有問題。動畫在IE10(以及Chrome,Mozilla,Safari)中效果很好,但在IE9(以及IE邊緣)中不起作用。CSS動畫在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); 
    }      
} 
+0

嘗試用'-ms -'前綴加 –

+0

@AndyHolmes謝謝,但它仍然是同樣的問題。 – user1414682

回答

1

CSS動畫的動畫作品不支持IE9或更早版本。這就是爲什麼你的CSS動畫無法正常工作。即使供應商前綴也不起作用。