在谷歌我的CSS3動畫工作，但它不工作在Firefox上

Question

這裏是我做的CSS3代碼和它並不運行在Firefox

@keyframes moveobject { 
    0% {top: 0px; background: red; width: 100px;} 
    100% {top: 200px; background: yellow; width: 300px;} 
} 

Answer 1

添加供應商前綴

@-webkit-keyframes moveobject { 
    0% {top: 0px; background: red; width: 100px;} 
    100% {top: 200px; background: yellow; width: 300px;} 
} 

@-moz-keyframes moveobject { 
    0% {top: 0px; background: red; width: 100px;} 
    100% {top: 200px; background: yellow; width: 300px;} 
} 

@keyframes moveobject { 
    0% {top: 0px; background: red; width: 100px;} 
    100% {top: 200px; background: yellow; width: 300px;} 
} 


-webkit-animation: moveobject 5s infinite; 
-moz-animation: moveobject 5s infinite; 
animation: moveobject 5s infinite; 

或使用prefixfree by lea verou