html - CSS3 moz-kit 动画

Question

我有一个可以在 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 上如何工作——我想使用 keyframes 。但我不断收到错误。您将如何执行上述代码的 Firefox 等效操作？

我已经尝试过这个:

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

Answer 1

添加-moz-前缀。

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

@-moz-keyframes rotateThis 
{ Some css. }