3

Web サイトでパズルのピースを使用して CSS3 アニメーションを作成しています。私が使用しているコードは以下のとおりです。何らかの理由で、アニメーションは Safari と Chrome でのみ機能します。アニメーションを Firefox と Opera で動作させるにはどうすればよいですか? ご回答ありがとうございます。 

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;}
}
4

1 に答える 1

1

この行にセミコロンがありません

animation:puzzle 4s;
                ---^

それを追加し、それは動作します-デモ

于 2012-11-21T00:53:56.607 に答える