html - A Way to Change Text After Transition Completes? -
प्रिय स्टैकहोवरफ्लो पाठक,
केवल CSS3 का उपयोग करके, किसी भी पाठ का कोई भी तरीका बदलना है संक्रमण के पूरा होने के बाद?
मेरा कोड स्निपेट यहां देखे जा सकते हैं:
HTML
& lt; div class = "biography" & gt; & Lt; p & gt; हॉवर के लिए प्लेयर जानकारी & lt; / p & gt; & Lt; / div & gt;
CSS3
<प्री> .बीगुरा {चौड़ाई: 100px; ऊंचाई: 60px; बाईंओर तैरना; मार्जिन: 5 पिक्स; पृष्ठभूमि: # 3399 एफएफ; रंग: #ffffff; बॉक्स-छाया: 2px 2px 10px आरजीबीए (0, 0, 0, 0.5); स्थिति: रिश्तेदार; सही: 5%; फोंट की मोटाई: बोल्ड; फ़ॉन्ट-आकार: 15px; पाठ संरेखित करें: केंद्र; पैडिंग: 10px; सीमा-त्रिज्या: 5px; अस्पष्टता: 0.4; संक्रमण: सभी 0.6s आसानी; -वेबकिट-संक्रमण: सभी 0.6s आसानी; -ओ-संक्रमण: सभी 0.6s आसानी; -मोझ संक्रमण: सभी 0.6s आसानी; }। बैराग्राफी: हॉवर {चौड़ाई: 350 पिक्स; ऊंचाई: 450 पीएक्स; मार्जिन: 10px 10px 0px -200px; अस्पष्टता: 1; पृष्ठभूमि: # 7C7C7C; संक्रमण के बाद, मैं "प्लेयर जानकारी के लिए हॉवर" को "प्लेयर जानकारी" में बदलना चाहता हूं। उस पर जारी रखने के लिए, मुझे इसकी ज़रूरत है कि वह "खिलाड़ी जानकारी के लिए फिर से चालू करें" पर लौटने के बाद एक बार माउस को डिव पर घुमाए।
अगर कोई संभावित तरीका नहीं है, तो मुझे क्या हासिल करने के लिए मुझे कौन सी कौशल सीखना चाहिए?
jQuery का उपयोग:
$ ('। जीवनी')। हॉवर (फ़ंक्शन (ई) {$ (यह)। Html ('प्लेयर जानकारी');}, फ़ंक्शन (e) {$ (this)। Html ("प्लेअर जानकारी के लिए होवर करें" ");});
Comments
Post a Comment