Les Animations CSS: Fonctionne dans Chrome mais pas sous Firefox?

En rotation de l'animation, fonctionne dans Chrome mais pas sous 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/

Pouvez-vous précisez votre navigateurs de version?

OriginalL'auteur Caio Tarifa | 2011-10-21

  1. 29

    Actuelle de Firefox ne implémentations, à moins que des valeurs de temps de 0 ont des unités. Utilisation 0s ou 0ms.

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

    Remarque: Le W3C autorise explicitement le nombre 0, sans unités, d'une valeur de longueur, mais il dit rien de tel pour les autres valeurs. Personnellement, j'espère que cela change, mais pour le moment, l'Firefox comportement n'est pas incorrect.

    la peine d'essayer, c'est que, si nous changeons 20s à 2ms, le carré ne pas les animer.
    murch merci pour les modifications! L'iPad clavier de l'absence d'un backtick touche vraiment les dépassements de mon stack.
    animation sur mon FF7.0.1 pour Mac ne bouge pas >0<
    Bien que la façon dont cette réponse est formulée le fait ressembler à de Firefox est buggé, c'est en fait la suite de la série, tout comme 0 n'est pas valide, la valeur temps. En savoir plus sur ce here et ici.
    c'est parce que à l'époque j'avais encore l'espoir que le W3C choisissent la consistance plus de l'arbitraire.

    OriginalL'auteur kojiro