Hoạt ảnh CSS: Hoạt động trong Chrome chứ không phải trong Firefox?

Question

Trong hoạt ảnh xoay, hoạt động trong Chrome nhưng không hoạt động trong Firefox. Tại sao?

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

hiện triển khai Firefox thất bại trừ khi giá trị thời gian của 0 có đơn vị. Sử dụng 0s hoặc 0ms.

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

Lưu ý: The W3C một cách rõ ràng cho phép số 0, không có đơn vị, trở thành một giá trị chiều dài, nhưng nó nói không có điều đó cho các giá trị khác. Cá nhân, tôi hy vọng điều này thay đổi, nhưng trong thời gian này, hành vi của Firefox không chính xác.