在谷歌我的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