होवर फ्लिप एनिमेशन के साथ मुफ्त एलिमेंटर फ्लिप बॉक्स विजेट
फ्लिपबॉक्स एलिमेंट के लिए एक मुफ्त मास्टर एडॉन्स फ्लिप बॉक्स विजेट है सामने का चेहरा एक शीर्षक और लघु पाठ के साथ एक आइकन या छवि दिखाता है, और होवर पर कार्ड अधिक विस्तार और एक एक्शन बटन के साथ पीछे के चेहरे पर बदल जाता है मुफ्त प्लगइन में डिफ़ॉल्ट और फ्रंट आइकन डिज़ाइन और ६ एनिमेशन शामिल हैं: फ्लिप क्षैतिज, फ्लिप वर्टिकल, फीका, फ्लिप बॉक्स, फ्लिप बॉक्स फीका और फीका। मास्टर एडॉन्स प्रो फ्रंट इमेज और डायगोनल डिज़ाइन और १६ और एनिमेशन जोड़ता है, जिसमें क्यूब, रोलओवर और ३ डी फ्लिप शामिल हैं, कुल मिलाकर २२ के लिए फ्री एलिमेंटर में कोई फ्लिप बॉक्स विजेट नहीं है, इसलिए यह एलिमेंटर प्रो के बिना काम करता है।
डिज़ाइन विविधताएँ और फ्लिप एनिमेशन
डिजाइन भिन्नता फ्रंट लेआउट सेट करता है: डिफ़ॉल्ट और फ्रंट आइकन मुफ़्त हैं, फ्रंट इमेज और डायगोनल को प्रो की आवश्यकता है। एनीमेशन शैली कार्ड कैसे बदल जाता है सेट करता है नि: शुल्क: क्षैतिज फ्लिप, लंबवत फ्लिप, फीका, फ्लिप बॉक्स, फ्लिप बॉक्स फीका और फीका अप प्रो चार घन दिशाएं, फीका हिडबैक, फीका अप हिडबैक, चार स्लाइड दिशाएं, दो विकर्ण स्लाइड, फीका इन आउट, नानानाना, रोलओवर और ३ डी फ्लिप, जिसमें अपनी दिशा सेटिंग है।
- कुल 22 एनिमेशन: 6 मुफ़्त और 16 प्रो के साथ।
- फ्लिप डेस्कटॉप पर होवर पर और टच स्क्रीन पर टैप पर चलता है।
- प्रति अनुभाग एक एनीमेशन का उपयोग करें ताकि कार्डों की एक पंक्ति सुसंगत लगे।
डुअल-साइड कंटेंट बिल्डर
द फ्रंट बॉक्स और बैक बॉक्स प्रत्येक के पास डिफ़ॉल्ट, स्टैक्ड या फ़्रेम दृश्य और सर्कल या स्क्वायर आकार, एक शीर्षक, एक विवरण, संरेखण और एक शीर्षक टैग के साथ अपना स्वयं का आइकन है सामने को छोटा रखें, एक सेवा नाम की तरह, और स्पष्टीकरण के लिए पीछे का उपयोग करें स्टाइल टैब में प्रत्येक चेहरे को अपनी पृष्ठभूमि, शीर्षक और विवरण रंग, टाइपोग्राफी, आइकन रंग और सीमा मिलती है।
- प्रत्येक चेहरे के लिए अलग सामग्री और स्टाइल।
- दोनों चेहरों पर शीर्षक HTML टैग, इसलिए कार्डों का एक ग्रिड एक साफ शीर्षक क्रम रखता है।
- एक फ्लिप बॉक्स ऊंचाई सामान्य में सेटिंग दोनों चेहरे एक ही आकार रखता है।
होवर के साथ सीटीए बटन
द कार्रवाई बटन अपने बटन पाठ और लिंक के साथ पीछे के चेहरे पर दिखाता है सामान्य के लिए इसे स्टाइल करें और पाठ रंग, पृष्ठभूमि, सीमा, सीमा त्रिज्या और पैडिंग के साथ होवर करें, प्लस टाइपोग्राफी बटन विजेट के अंदर एकमात्र लिंक है पूरे कार्ड को क्लिक करने योग्य बनाने के लिए, मुफ्त जोड़ें रैपर लिंक विजेट के लिए विस्तार।
- एक विशिष्ट लेबल का उपयोग करें जैसे कि “See Pricing” जब लिंक यहीं जाता है।
- विशुद्ध रूप से सूचनात्मक कार्ड पर बटन छोड़ें।
- यदि आप रैपर लिंक का उपयोग करते हैं, तो बटन को उसी पृष्ठ पर इंगित करें।
एलिमेंटर प्रो फ्लिप बॉक्स बनाम मास्टर एडॉन्स फ्लिपबॉक्स
एलिमेंटर प्रो का अपना फ्लिप बॉक्स विजेट है यदि आप पहले से ही इसके लिए भुगतान करते हैं, तो आपको दूसरे की आवश्यकता नहीं हो सकती है यहां बताया गया है कि दोनों की तुलना कैसे की जाती है।
| फ़ीचर | एलिमेंटर प्रो फ्लिप बॉक्स | मास्टर एडॉन्स फ्लिपबॉक्स |
|---|---|---|
| कीमत | एलिमेंट प्रो की जरूरत है | प्रो में अधिक डिज़ाइन और एनिमेशन के साथ निःशुल्क |
| फ्लिप प्रभाव | दिशा और ३ डी गहराई के साथ, फ्लिप, स्लाइड, पुश, ज़ूम इन, ज़ूम आउट और फीका | ६ मुफ्त एनिमेशन, २२ प्रो के साथ, जिसमें क्यूब, रोलओवर और ३ डी फ्लिप शामिल हैं |
| सामने ग्राफिक | कोई नहीं, छवि या चिह्न | आइकन, या प्रो फ्रंट इमेज डिज़ाइन वाली एक छवि |
| पूरे कार्ड लिंक | लिंक ऑन लागू करें: केवल पूरा बॉक्स या बटन | केवल बटन, या निःशुल्क रैपर लिंक एक्सटेंशन वाला पूरा कार्ड |
| बटन | हाँ | हां, नॉर्मल और होवर स्टाइल के साथ |
एलिमेंटर प्रो सरल है यदि आप एक संपूर्ण-बॉक्स लिंक में निर्मित करना चाहते हैं मास्टर एडॉन्स मुफ्त एलिमेंटर साइटों को सूट करता है और प्रो के साथ अधिक एनीमेशन विकल्प देता है कुछ भी छिपा नहीं होने के साथ एक स्थिर कार्ड के लिए, मुफ्त का उपयोग करें जानकारी बॉक्स विजेट।
फ्लिप बॉक्स विचार और युक्तियाँ
एक फ्लिप बॉक्स एक ग्रिड को साफ रखता है जबकि अभी भी विस्तार ले जाता है, क्योंकि विवरण इसके नीचे के बजाय कार्ड के पीछे बैठता है यह सेवा ग्रिड के लिए अच्छी तरह से काम करता है, टीम कार्ड सामने की तरफ एक तस्वीर और पीछे एक जैव के साथ, टाइल और स्टेट कार्ड की सुविधा है जो एक संख्या का मतलब है।
- फ्लिप बॉक्स ऊंचाई सेट करें। इसके बिना, एक लंबा पिछला चेहरा कार्ड का आकार बदलता है क्योंकि यह मुड़ता है और पंक्ति कूदती है।
- चेहरों को अलग दिखलाएं। सामने की तरफ एक टिंट और पीछे की तरफ आपका ब्रांड रंग फ्लिप को स्पष्ट करता है।
- फोन के लिए योजना। टच स्क्रीन में कोई होवर नहीं होता है, इसलिए कार्ड टैप पर फ़्लिप करता है और बटन को दूसरे टैप की आवश्यकता होती है एक वास्तविक फोन पर परीक्षण करें।
- आवश्यक विवरण सामने रखें। कीमतें, फोन नंबर और बुकिंग लिंक केवल पीछे की तरफ नहीं रहने चाहिए।
- गति को सीमित करें। प्रति पृष्ठ एक या दो फ्लिप बॉक्स पंक्तियाँ छह अलग-अलग एनिमेशन से बेहतर पढ़ती हैं।
![फ्लिपबॉक्स [अन्य परिपत्र ब्रांड शोकेस]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2025/09/16055733/Flipbox-Circular-brand-showcase-300x197.webp)
एलिमेंटर में फ्लिप बॉक्स कैसे जोड़ें
आपको Elementor और WordPress।org से निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।
- जांचें कि फ्लिपबॉक्स नीचे चालू है मास्टर ऐडऑन, विजेट.
- एलिमेंटर संपादक में, खोजें फ्लिपबॉक्स और इसे एक कंटेनर में खींचें।
- एक डिज़ाइन विविधता और एक एनीमेशन शैली चुनें, फिर उसका पूर्वावलोकन करने के लिए कार्ड को होवर करें।
- फ्रंट बॉक्स और बैक बॉक्स भरें: आइकन, शीर्षक, विवरण और शीर्षक टैग।
- एक्शन बटन टेक्स्ट और लिंक जोड़ें।
- स्टाइल में, सामान्य, सेट फ्लिप बॉक्स ऊंचाई इसलिए कार्ड मध्य-फ़्लिप का आकार नहीं बदलता है, फिर प्रत्येक चेहरे को स्टाइल करें।
३ डी प्रभाव के लिए, पढ़ें ३ डी एलिमेंटर फ्लिपबॉक्स एनिमेशन कैसे बनाएं. प्रत्येक सेटिंग में है फ्लिपबॉक्स विजेट सेटिंग्स.
फ्लिपबॉक्स के लिए अक्सर पूछे जाने वाले प्रश्न
फ्लिप बॉक्स फोन पर कैसे काम करता है?
टच स्क्रीन में कोई होवर नहीं होता है, इसलिए टैप किए जाने पर कार्ड फ़्लिप करता है फ्लिप के बाद बैक फेस बटन को अपने स्वयं के टैप की आवश्यकता होती है सामने की ओर जानकारी अवश्य देखें और वास्तविक डिवाइस पर परीक्षण करें।
क्या मैं सामने वाले आइकन के बजाय छवि का उपयोग कर सकता हूं?
हां, फ्रंट इमेज डिज़ाइन भिन्नता के साथ, जो एक मास्टर एडॉन्स प्रो विकल्प है मुफ्त संस्करण में, सामने एक आइकन का उपयोग करें या स्टाइल टैब में चेहरे के लिए पृष्ठभूमि छवि सेट करें।
क्या फ्लिपबॉक्स विजेट मुफ़्त है?
हाँ फ्लिपबॉक्स डिफ़ॉल्ट और सामने आइकन डिजाइन और ६ एनिमेशन के साथ मुक्त मास्टर ऐडऑन प्लगइन में है मास्टर ऐडऑन प्रो २ और डिजाइन और १६ और एनिमेशन जोड़ता है।
क्या एलिमेंटर के पास फ्लिप बॉक्स विजेट है?
केवल एलिमेंटर प्रो में एक है फ्री एलिमेंटर नहीं करता है, इसलिए फ्री एलिमेंटर पर आपको इस फ्लिपबॉक्स विजेट जैसे ऐडऑन की आवश्यकता होती है।
क्या मैं पूरे फ्लिपबॉक्स को अलग बटन के बिना किसी पृष्ठ से लिंक कर सकता हूं?
विजेट केवल बटन लिंक पूरे कार्ड क्लिक करने योग्य बनाने के लिए, मुक्त चालू करें रैपर लिंक फ़्लिपबॉक्स विजेट में लिंक को एक्सटेंशन और जोड़ें।
कितने फ्लिप एनिमेशन हैं?
कुल में २२ क्षैतिज फ्लिप, लंबवत फ्लिप, फीका, फ्लिप बॉक्स, फ्लिप बॉक्स फीका और फीका मुक्त हैं अन्य १६, जिसमें क्यूब, रोलओवर और ३ डी फ्लिप शामिल हैं, मास्टर एडॉन्स प्रो की आवश्यकता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
