2011-10-21 4 views
16

घूर्णन एनीमेशन में, क्रोम में काम करता है लेकिन फ़ायरफ़ॉक्स में नहीं। क्यूं कर?सीएसएस एनिमेशन: क्रोम में काम करता है लेकिन फ़ायरफ़ॉक्स में नहीं?

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

क्या आप कृपया अपने ब्राउज़र का संस्करण निर्दिष्ट कर सकते हैं? – Raptor

उत्तर

29

वर्तमान फ़ायरफ़ॉक्स कार्यान्वयन असफल जब तक 0 का समय मान इकाइयां हैं। 0s या 0ms का उपयोग करें।

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

नोट: The W3C स्पष्ट संख्या 0 के लिए, इकाइयों के बिना, लंबाई मूल्य होने की अनुमति देता है, लेकिन यह अन्य मूल्यों के लिए ऐसी कोई बात कहते हैं। निजी तौर पर, मुझे उम्मीद है कि यह परिवर्तन होगा, लेकिन फ़ायरफ़ॉक्स व्यवहार होने के समय गलत नहीं है।

+0

प्रयास करने लायक है कि, यदि हम '20s' को' 2ms' में बदलते हैं, तो वर्ग बिल्कुल एनिमेट नहीं होता है। – Raptor

+2

@ वेस्ले मर्च संपादन के लिए धन्यवाद! आईपैड कीबोर्ड की बैकटिक कुंजी की कमी वास्तव में मेरे ढेर से बहती है। – kojiro

+0

@WesleyMurch: मैक के लिए मेरे FF7.0.1 पर एनीमेशन नहीं चलता है> 0 < – Raptor