CSS3 ट्रांज़िशन इवेंट को समझना
CSS3 ट्रांज़िशन वेब तत्वों पर सहज एनिमेशन और दृश्य प्रभावों की अनुमति देता है। उपयोगकर्ता अनुभव को बढ़ाने और इन बदलावों के साथ कार्यों को सिंक्रनाइज़ करने के लिए, उनकी प्रगति की निगरानी करना महत्वपूर्ण है। यह लेख इस प्रश्न का समाधान करता है कि क्या CSS3 यह जांचने के लिए ईवेंट प्रदान करता है कि संक्रमण कब शुरू होता है या समाप्त होता है।
W3C CSS Transitions सीएसएस संक्रमण संबंधित DOM घटनाओं को ट्रिगर करता है। प्रत्येक परिवर्तनशील संपत्ति के लिए, एक घटना उत्पन्न होती है। यह डेवलपर्स को ट्रांज़िशन के पूरा होने के साथ मेल खाने वाली कार्रवाइयों को निष्पादित करने में सक्षम बनाता है। इस इवेंट के लिए जावास्क्रिप्ट इवेंट श्रोता सेट करने से डेवलपर्स को पूर्णता को पकड़ने की अनुमति मिलती है।
box.addEventListener('webkitTransitionEnd', function(event) { चेतावनी ("संक्रमण समाप्त!"); }, false);मोज़िला, ओपेरा, और इंटरनेट एक्सप्लोरर
अधिकांश ब्राउज़र संक्रमण पूरा करने के लिए एकल ईवेंट का समर्थन करते हैं:box.addEventListener('webkitTransitionEnd', function(event) { alert("Finished transition!"); }, false);
ओपेरा: oट्रांज़िशनएंडवेबकिट: वेबकिटट्रांज़िशनएंड
इंटरनेट एक्सप्लोरर: ट्रांज़िशनएंड
अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3