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. }

Answer 2

• 扩展 -webkit- 在 Chrome 和 Safari 中运行良好
• -moz- 适用于 Mozilla Firefox
• -o- 可以在 Opera 中使用
• -ms- 可以在 IE 中工作（但我不确定它是否支持）