Animation CSS: Fonctionne dans Chrome mais pas dans Firefox?

Question

Dans rotation animation, fonctionne dans Chrome, mais pas dans Firefox. Pourquoi?

@-moz-keyframes rotate { 
    from { -moz-transform: rotate(0deg); } 
    to { -moz-transform: rotate(360deg); } 
} 

@-webkit-keyframes rotate { 
    from { -webkit-transform: rotate(0deg); } 
    to { -webkit-transform: rotate(360deg); } 
} 

#example { 
    background: red; 
    width: 100px; 
    height: 100px; 
    -moz-animation: rotate 20s linear 0 infinite; 
    -webkit-animation: rotate 20s linear 0 infinite; 
} 

http://jsfiddle.net/WsWWY/

Answer 1

implémentations Firefox actuelles échouer à moins que des valeurs de temps de 0 ont des unités. Utilisez 0s ou 0ms.

http://jsfiddle.net/WsWWY/1/

Note: The W3C permet explicitement le nombre 0, sans unités, pour une valeur de longueur, mais il dit pas une telle chose pour d'autres valeurs. Personnellement, j'espère que cela change, mais pour le moment le comportement de Firefox n'est pas incorrect.