आईई 8/9

Question

में CSS3 एनीमेशन मैं समझता हूं कि CSS3 एनीमेशन आईई में काम नहीं करते हैं। मैं बस सोच रहा था कि इस समस्या के लिए जावास्क्रिप्ट वर्कअराउंड है या नहीं।

यहाँ मैं क्या IE में पुन: बनाने के लिए चाहते हैं के लिए एक लिंक है: http://animation.kashoo.co.uk/

किसी भी सलाह बहुत अच्छा होगा।

Answer 1

कई JQuery प्लगइन्स हैं जो एनिमेशन प्रदान करते हैं। यहां एक ऐसा है जिसकी फ्लिप प्रभाव उस व्यक्ति के समान है जिसे आप ढूंढ रहे हैं। http://lab.smashup.it/flip/

Answer 2

बाहर चेक jQuery के animate कार्य:

Answer 3

एक त्वरित गूगल खोज मैं बदल जाता है कि jQuery के मानक $ .animate() फ़ंक्शन इतना है कि यह CSS3 के संक्रमण का उपयोग करेगा एक jQuery प्लगइन पाया करने के बाद जब भी संभव:

$.animate-enhanced

संपादित करें:

की कोशिश के बाद मेरी साइट पर उपरोक्त प्लगइन, साइट तोड़ दी। मुझे यकीन है कि अगर आप एक ही समस्या है या नहीं होगा नहीं कर रहा हूँ, लेकिन यहाँ मेरा समाधान नहीं है:

आप Modernizr.js

की आवश्यकता होगी मूल रूप से, आप (Modernizr के साथ) जाँच ब्राउज़र किसी विशेष सुविधा का समर्थन करता है कि क्या , और तब तय करें कि CSS3 या जावास्क्रिप्ट के साथ एनिमेट करना है या नहीं।

उदाहरण के लिए:

if(Modernizr.csstransitions) { 
    // use your appropriate browser prefixes 
    yourDomObject.style.transition = 'left 2s'; 
    yourDomObject.style.left = parseInt(yourDomObject.style.left) + 200 + 'px' 

} else { 

    var left = parseInt($(yourDomObject).css('left')) + 200 + 'px'; 
    $(yourDomObject).animate({ 
     'left' : left 
    },2000,'easeOutExpo'); 
}