CSS анимация: работает в Chrome, но не в Firefox? - PullRequest
Новая
       13

CSS анимация: работает в Chrome, но не в Firefox?

16 голосов
/ 21 октября 2011

В анимации вращения работает в Chrome, но не в Firefox.Почему? 

@-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/

1 Ответ

29 голосов
/ 21 октября 2011

Текущие реализации Firefox терпят неудачу, если значения времени 0 не имеют единиц измерения.Используйте 0s или 0ms.

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

Примечание: W3C явно допускает, чтобы число 0 без единиц измерения было значением длины,но это говорит, что нет такой вещи для других ценностей.Лично я надеюсь, что это изменится, но в настоящее время поведение Firefox не является неправильным.

...