2014-02-28 103 views
1

任何人都可以告訴我爲什麼這個聲明不適用於Mozilla。在Chrome和Safari瀏覽器中,它的效果非常好。CSS轉換旋轉mozilla

@-webkit-keyframes rotating { 
    from{ 
     -webkit-transform: rotate(0deg); 
     -moz-transform: rotate(0deg); 
     -o-transform: rotate(0deg); 
     transform: rotate(0deg); 

    } 
    to{ 
     -webkit-transform: rotate(-360deg); 
     -moz-transform: rotate(-360deg); 
     -o-transform: rotate(-360deg); 
     transform: rotate(-360deg); 
    } 
} 

.rotating { 
    -webkit-animation: rotating 10s linear infinite; 
    -moz-animation: rotating 10s linear infinite; 
    -o-animation: rotating 10s linear infinite; 
    animation: rotating 10s linear infinite; 
} 

謝謝

回答

4

你應該申請

@-moz-keyframes rotating { 
    from{ 
     -webkit-transform: rotate(0deg); 
     -moz-transform: rotate(0deg); 
     -o-transform: rotate(0deg); 
     transform: rotate(0deg); 

    } 
    to{ 
     -webkit-transform: rotate(-360deg); 
     -moz-transform: rotate(-360deg); 
     -o-transform: rotate(-360deg); 
     transform: rotate(-360deg); 
    } 
} 

你應該申請前綴關鍵幀

+0

我不認爲你需要的-webkit,當你-o前綴只是針對Firefox雖然在動畫階段 – Alex

+0

謝謝,我錯過了。非常感激 – Mareks