2011-10-21 23 views
16

Döndür animasyonda, Chrome'da çalışır, ancak Firefox'ta çalışır. Niye ya? 0 zamanı değerleri birimlerini yoksaCSS Animasyonu: Chrome'da çalışıyor, ancak Firefox'ta çalışmıyor mu?

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

+0

Lütfen tarayıcınızın sürümünü belirtebilir misiniz? – Raptor

cevap

29

Güncel Firefox uygulamaları başarısız. 0s veya 0ms kullanın.

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

Not: The W3C açıkça uzunluk değeri olarak, birimler olmadan, sayı 0 sağlar, ancak diğer değerleri için böyle bir şey söylüyor. Şahsen, umarım bu değişir, ama şimdilik Firefox davranışı yanlış değildir.

+0

denemeye değer, eğer 20'leri '2ms' olarak değiştirirsek, kare hiçbir şekilde animasyon yapmaz. – Raptor

+2

@wesley murch düzenlemeler için teşekkürler! IPad klavyesinin bir backtick anahtarının olmaması yığınımı gerçekten aşar. – kojiro

+0

@WesleyMurch: Mac için FF7.0.1'deki animasyon hareket etmiyor> 0 < – Raptor

İlgili konular