CSS3 Мос-набор анимации

Question

У меня есть эта CSS3 анимацию, которая работает в Chrome

.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-equivilant из вышеприведенного кода?

Я попытался это:

-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
• -о- будет работать в Opera
• в -ms - будет работать в IE (но я не уверен, поддерживает ли он или нет)