-webkit- vs -moz-transition

Question

मैं अपनी साइट पर CSS3 संक्रमण का उपयोग कर रहा हूं और -webkit- काम कर रहा है, जबकि -मोज़- नहीं है।

article {z-index: 2; float: left; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; } 

.mousedown{-webkit-transform: translate(-180px, 0) !important; -moz-transform: translate(-180px, 0) !important; } 

बस लेख पर mousedown वर्ग को जोड़ने के लिए jQuery का उपयोग कर:

यहाँ सीएसएस है।

कोई विचार जहां मैं गलत हो रहा हूं?

Answer 1

फ़ायरफ़ॉक्स 4 की तुलना में बेहतर और ऊपर -moz-transition का समर्थन करता है। documentation page देखें।

Answer 2

अद्यतन: टिप्पणियां देखें। -मोज़-संक्रमण के लिए समर्थन अब जोड़ा गया है। वाह!

ऐसी कोई चीज़ नहीं है -मोज़-संक्रमण (अभी तक), क्षमा करें। मोज़िला बदल जाएगा, लेकिन वेबकिट अभी भी एकमात्र इंजन प्रतिपादन संक्रमण है।

Answer 3

वर्तमान में, मोज़िला में सीएसएस ट्रांसफॉर्म पर संक्रमण समर्थित नहीं हैं। -moz-संक्रमण के लिए

https://developer.mozilla.org/en/CSS/CSS_transitions

Answer 4

समर्थन छिपकली 1.9.3 (फ़ायरफ़ॉक्स 3.7) में जोड़ दिया गया है, इसलिए अभी -moz-संक्रमण केवल एक Firefox 3.7 अल्फा रिलीज में काम करेंगे या Minefield (फ़ायरफ़ॉक्स रात का निर्माण)।

Answer 5

ओपेरा 10.5 के बाद से यह समर्थन कर रहा है, और भी बहुत वेबकिट

Answer 6

सीएसएस संक्रमण, सीएसएस गुणों को बदलते समय एनीमेशन गति को नियंत्रित करने का एक तरीका प्रदान करते हैं। संपत्ति परिवर्तनों को तत्काल प्रभावी होने के बजाय, आप किसी संपत्ति में समय-समय पर होने वाले परिवर्तनों का कारण बन सकते हैं। उदाहरण के लिए, यदि आप किसी तत्व का रंग सफेद से काले रंग में बदलते हैं, तो आम तौर पर परिवर्तन तात्कालिक होता है। सीएसएस संक्रमण सक्षम होने के साथ, एक्सेलेरेशन वक्र का पालन करने वाले समय अंतराल में परिवर्तन होते हैं, जिनमें से सभी को अनुकूलित किया जा सकता है।