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

或使用lea verou的prefixfree