CSS3动画只能使用webkit？

我正在我的网站上制作一个拼图块的CSS3动画。我使用的代码如下。出于某种原因，该动画将仅适用于Safari和Chrome。如何让动画与Firefox和Opera一起使用？谢谢您的反馈！CSS3动画只能使用webkit？

img#animation 
{ 
length:150px; 
width:150px; 
position:relative; 
animation:puzzle 4s 
-moz-animation:puzzle 4s; 
-webkit-animation:puzzle 4s; 
-o-animation:puzzle 4s; 
} 
@keyframes puzzle 
{ 
from {left:-400px; top:0px;} 
to {left:41px; top:0px;} 
} 
@-moz-keyframes puzzle 
{ 
from {left:-400px; top:0px;} 
to {left:41px; top:0px;} 
} 
@-webkit-keyframes puzzle 
{ 
from {left:-400px; top:0px;} 
to {left:40.5px; top:0px;} 
} 
@-o-keyframes puzzle 
{ 
from {left:-400px; top:0px;} 
to {left:41px; top:0px;} 
}

来源

2012-11-21 Jcpopp

什么'长度：150像素;'？ –

Jc，如果佐尔坦的答案为你工作，那就接受它，所以这被标记为关闭 – fedmich

你缺少一个分号此行

animation:puzzle 4s; 
       ---^

添加它，它会工作 - DEMO

来源

2012-11-21 00:53:56

谢谢！这很好！ – Jcpopp

欢迎您:) –

CSS3动画只能使用webkit？

回答

相关问题