क्रिएटिव होवर इफेक्ट्स के साथ एलिमेंटर एनिमेटेड बटन विजेट
क्रिएटिव बटन एक नि: शुल्क मास्टर एडॉन्स विजेट है कॉल-टू-एक्शन बटन के लिए एक अंतर्निहित होवर एनीमेशन के साथ बटन प्रभाव सूची से एक प्रभाव चुनें, पाठ टाइप करें और होवर के लिए एक वैकल्पिक दूसरा संदेश, एक आइकन जोड़ें, और सामान्य और होवर रंगों को स्टाइल करें मुफ्त प्लगइन में ६ प्रभाव शामिल हैं: डिफ़ॉल्ट, विनोना, उजराक, वेरा, तमाया और रेयन। मास्टर एडॉन्स प्रो कुल मिलाकर 21 के लिए, पीपलुक से शिकोबा तक 15 और जोड़ता है।
एलिमेंटर में एनिमेटेड बटन कैसे जोड़ें
आपको Elementor और WordPress।org से निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।
- जांचें कि क्रिएटिव बटन नीचे चालू है मास्टर ऐडऑन, विजेट.
- एलिमेंटर संपादक में, खोजें क्रिएटिव बटन और इसे पृष्ठ पर खींचें।
- में एक प्रभाव उठाओ बटन प्रभाव और इसे पूर्वावलोकन करने के लिए बटन को होवर करें।
- बटन टेक्स्ट, वैकल्पिक बटन टेक्स्ट और लिंक यूआरएल टाइप करें।
- एक आइकन जोड़ें और पहले या बाद में चुनें।
- स्टाइल टैब में, पैडिंग, बॉर्डर रेडियस और अलग-अलग सामान्य और होवर रंग सेट करें ताकि एनीमेशन देखना आसान हो।
टूलटिप्स और रिवील एनिमेशन जैसे एक्सटेंशन के साथ लंबे वॉकथ्रू के लिए पढ़ें एलिमेंटर एनिमेटेड बटन कैसे बनाएं. प्रत्येक सेटिंग में है क्रिएटिव बटन विजेट सेटिंग्स.
21 होवर प्रभाव: 6 निःशुल्क, 15 प्रो के साथ
में प्रत्येक नाम बटन प्रभाव एक अलग सीएसएस होवर एनीमेशन है, जैसे कि एक पृष्ठभूमि जो स्लाइड करता है, एक सीमा जो बटन या पाठ के चारों ओर खींचती है जो दूसरे संदेश में स्वैप करती है डिफ़ॉल्ट, विनोना, इसि, आयलेन, तमाया और रेयेन मुफ्त हैं पीपलुक, मोएमा, इसि, आयलेन, साकी, वापाशा, नीना, नानुक, नुका, एंटीमन, इट्ज़ेल, नायरा, क्विडेल, सैकनाइट और शिकोबा को प्रो की आवश्यकता है प्रत्येक का पूर्वावलोकन करने के लिए कैनवास पर बटन होवर करें।
- बटन संरेखण और बटन पाठ संरेखण, प्रति डिवाइस सेट करें।
- स्तरित पृष्ठभूमि का उपयोग करने वाले प्रभावों के लिए अतिरिक्त पहले और बाद के पृष्ठभूमि रंग।
- एनीमेशन गति प्रत्येक प्रभाव द्वारा तय की जाती है कोई संक्रमण अवधि सेटिंग नहीं है।
बटन पाठ, वैकल्पिक पाठ, चिह्न और स्टाइलिंग
सेट करें बटन पाठ और ए लिंक यूआरएल सामान्य नए टैब और नोफ़ॉलो विकल्पों के साथ डिफ़ॉल्ट को छोड़कर प्रत्येक प्रभाव एक दिखाता है वैकल्पिक बटन पाठ होवर संदेश के लिए फ़ील्ड। एक जोड़ें चिह्न आइकन रिक्ति के साथ पाठ से पहले या बाद में बटन शैलियाँ, चौड़ाई, टाइपोग्राफी, बटन पैडिंग, बॉर्डर, बॉर्डर रेडियस, बॉक्स शैडो और आइकन साइज सेट करें, फिर सामान्य और होवर के लिए टेक्स्ट, बैकग्राउंड और आइकन रंग चुनें।
- “प्रारंभ करना” जो होवर पर “It's फ्री” में बदल जाता है।
- दिशा दिखाने के लिए पाठ के बाद एक तीर आइकन।
- एक सीमा के साथ गोल गोली बटन जो होवर पर रंग बदलता है।
एलिमेंटर बटन बनाम मास्टर एडॉन्स क्रिएटिव बटन
नि: शुल्क एलिमेंटर बटन विजेट में पहले से ही होवर एनिमेशन हैं यहां वह जगह है जहां हर एक फिट बैठता है।
| फ़ीचर | एलिमेंटर बटन | मास्टर ऐडऑन क्रिएटिव बटन |
|---|---|---|
| कीमत | एलिमेंटर में निःशुल्क | 6 प्रभाव मुक्त, 21 प्रो के साथ |
| होवर एनीमेशन | एलिमेंटर होवर एनिमेशन सूची, जैसे ग्रो, पल्स, बॉब और वॉबल | स्लाइडिंग पृष्ठभूमि, सीमाओं और स्तरित रंगों के साथ नामित सीएसएस प्रभाव |
| होवर पर पाठ स्वैप | नहीं | वैकल्पिक बटन पाठ |
| पृष्ठभूमि | सामान्य और होवर के लिए क्लासिक या ग्रेडिएंट | ठोस रंग, प्लस कुछ प्रभावों पर पहले और बाद के रंग |
| संक्रमण गति | संक्रमण अवधि सेटिंग | प्रत्येक प्रभाव द्वारा तय किया गया |
| चिह्न | पहले या बाद में, रिक्ति के साथ | पहले या बाद में, रिक्ति, आकार और होवर रंग के साथ |
ग्रेडिएंट्स, एक कस्टम ट्रांज़िशन स्पीड या एक साधारण ग्रो या पल्स के लिए एलिमेंटर बटन का उपयोग करें क्रिएटिव बटन का उपयोग करें जब आप कस्टम सीएसएस के बिना बैकग्राउंड स्वीप या टेक्स्ट स्वैप चाहते हैं एनिमेटेड टेक्स्ट लिंक के लिए, देखें क्रिएटिव लिंक्स.
क्रिएटिव बटन के लिए अक्सर पूछे जाने वाले प्रश्न
क्रिएटिव बटन विजेट मुक्त है?
हाँ। विजेट और 6 प्रभाव (डिफ़ॉल्ट, विनोना, उजराक, वेरा, तमाया और रेयेन) निःशुल्क हैं। अन्य 15 प्रभावों की आवश्यकता है मास्टर एडॉन्स प्रो.
क्या मैं इसे फॉर्म सबमिट बटन के रूप में उपयोग कर सकता हूं?
नहीं क्रिएटिव बटन एक लिंक है, फॉर्म बटन नहीं सबमिट बटन को स्टाइल करने के लिए, अपने प्लगइन के लिए फॉर्म विजेट का उपयोग करें, जैसे कि संपर्क फ़ॉर्म ७ या WPForms विजेट।
क्या होवर प्रभाव फोन पर काम करते हैं?
टच स्क्रीन में कोई होवर नहीं है, इसलिए फोन पर अधिकांश आगंतुक सामान्य स्थिति देखते हैं और सीधे लिंक पर जाते हैं सुनिश्चित करें कि सामान्य रंग और पाठ अपने आप काम करते हैं।
क्या मैं होवर एनीमेशन की गति बदल सकता हूं?
पैनल में नहीं प्रत्येक प्रभाव का अपना समय होता है आप इसे बटन पर कस्टम सीएसएस के साथ बदल सकते हैं, या एलिमेंटर बटन विजेट का उपयोग कर सकते हैं, जिसमें संक्रमण अवधि सेटिंग है।
यह एलिमेंटर बटन होवर एनीमेशन से कैसे अलग है?
एलिमेंटर बटन पूरे बटन को स्थानांतरित करता है, उदाहरण के लिए बढ़ना या पल्स क्रिएटिव बटन प्रभाव बटन के अंदर चेतन, जैसे पृष्ठभूमि में फिसलने या आपके वैकल्पिक बटन पाठ में पाठ बदलने के लिए।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
