2

Chromeで動作するこのCSS3アニメーションがあります

 .circle-label-rotate {
                -webkit-animation-name: rotateThis;
                -webkit-animation-duration:.5s;
                -webkit-animation-iteration-count:infinite;
                -webkit-animation-timing-function:linear;
            }

さて、それは Mozilla Firefox でどのように機能するでしょうか。キーフレームを使用すると思います。しかし、エラーが発生し続けます。上記のコードを Firefox に相当するものにするにはどうすればよいでしょうか?

私はこれを試しました：

-moz-animation-duration: 3s;
-webkit-animation-duration: 3s;
-moz-animation-name: slidein;
-webkit-animation-name: slidein;
4

2 に答える 2

3

プレフィックスを付け-moz-ます。

-moz-animation-name: rotateThis;
-moz-animation-duration:.5s;
-moz-animation-iteration-count:infinite;  
-moz-animation-timing-function:linear;

@-moz-keyframes rotateThis 
{ Some css. }
于 2012-06-15T01:53:50.170 に答える
0
  • 拡張機能 -webkit- は Chrome と Safari でうまく機能します
  • -moz- は Mozilla Firefox で動作します
  • -o- は Opera で動作します
  • -ms- はIEで動作します（ただし、まだサポートしているかどうかはわかりません）
于 2012-06-15T01:57:05.670 に答える