फ्लिपबॉक्स
क्या होगा अगर आपके पृष्ठ पर अचल संपत्ति का एक टुकड़ा दो कहानियां बता सकता है मास्टर एडॉन्स फ्लिपबॉक्स तत्व के साथ, यह कर सकता है यह सिर्फ एक कार्ड नहीं है क्योंकि यह एक गतिशील, दो तरफा अनुभव है एक आइकन और शीर्षक की विशेषता वाले सम्मोहक फ्रंट साइड के साथ शुरू करें फिर, होवर पर, यह विस्तृत विवरण, कॉल-टू-एक्शन, या पीठ पर अतिरिक्त जानकारी प्रकट करने के लिए सुरुचिपूर्ण ढंग से फ़्लिप करता है कई शैली प्रीसेट और एक दर्जन से अधिक चिकनी एनिमेशन से चुनें यह फीचर हाइलाइट्स, सेवा शोकेस, टीम प्रोफाइल, या रचनात्मक कॉल-टू-एक्शन के लिए एकदम सही तत्व है जो आश्चर्यचकित और संलग्न हैं।

एकाधिक डिज़ाइन प्रीसेट और एनिमेशन प्रीसेट
सबसे पहले, चार स्टाइल प्रीसेट से अपना आधार देखो चुनें: क्लासिक डिफ़ॉल्ट, फ्रंट इमेज, विकर्ण और फ्रंट आइकन प्रत्येक प्रीसेट प्रारंभिक दृश्य लेआउट को बदलता है फिर, एक विशाल पुस्तकालय से एनीमेशन शैली का चयन करके इसे जीवन में लाएं एक साधारण फ्लिप क्षैतिज या लंबवत, एक परिष्कृत ३ डी फ्लिप, एक चिकनी फीका, या क्यूब रोटेशन, रोलओवर, या विकर्ण खुलासा जैसे रचनात्मक विकल्पों के लिए जाएं यह संयोजन आपको फ्लिपबॉक्स के व्यवहार को पूरी तरह से अपनी साइट की ऊर्जा के साथ मेल खाने देता है सूक्ष्म या नाटकीय।
- चार स्टाइल फ़ाउंडेशन: डिफ़ॉल्ट, फ्रंट इमेज, डायगोनल और फ्रंट आइकन प्रीसेट डिज़ाइन में से चुनें।
- व्यापक एनिमेशन लाइब्रेरी: फ्लिप, फेड, क्यूब, रोलओवर और ३ डी फ्लिप सहित १५+ एनिमेशन से चुनें।
- प्रभाव को नियंत्रित करें: एनिमेशन डिफ़ॉल्ट रूप से होवर पर ट्रिगर होते हैं, जिससे एक सहज, इंटरैक्टिव अनुभव बनता है।
डुअल-साइड कंटेंट बिल्डर
स्वतंत्र रूप से सामग्री के दो पूर्ण चेहरे बनाएं फ्रंट बॉक्स के लिए, एक आइकन जोड़ें (स्टैक्ड या फ़्रेमयुक्त शैलियों का चयन करें), एक मजबूत शीर्षक, और एक छोटा टीज़र विवरण एसईओ के लिए संरेखण और शीर्षक एचटीएमएल टैग सेट करें बैक बॉक्स के लिए, अलग-अलग सामग्री के साथ प्रक्रिया को दोहराएं जैसे विवरण पर विस्तार करें, अधिक विवरण जोड़ें, या पूरी तरह से कॉल-टू-एक्शन पर ध्यान केंद्रित करें यह दो-चरण दृष्टिकोण आपको सामने से चिढ़ाने और पीछे से वितरित करने देता है।
- स्वतंत्र सामग्री पैनल: फ्रंट बॉक्स और बैक बॉक्स सामग्री (आइकन, शीर्षक, विवरण) के लिए पूरी तरह से अलग नियंत्रण।
- आइकन शैली विकल्प: सामग्री टैब से सीधे स्टैक्ड (ठोस) या फ़्रेमयुक्त (सीमाबद्ध) के रूप में आइकन प्रस्तुत करें।
- रणनीतिक संदेश: हेडलाइन लाभ के लिए सामने का उपयोग करें और विवरण, सुविधाओं या सामाजिक प्रमाण के लिए पीछे का उपयोग करें।
- संरचनात्मक नियंत्रण: प्रत्येक पक्ष पर स्वतंत्र रूप से सामग्री के लिए संरेखण (बाएं, केंद्र, दाएं) सेट करें।


होवर के साथ सीटीए बटन
बैक बॉक्स केवल जानकारी के लिए नहीं है, यह कार्रवाई के लिए है अनुकूलन योग्य बटन पाठ (जैसे “Now” खरीदें या “अधिक जानें) और एक लिंक के साथ एक स्पष्ट एक्शन बटन शामिल करें फिर, इसे पूर्णता के लिए डिज़ाइन करें सामान्य और होवर राज्यों को अलग-अलग स्टाइल करें, टेक्स्ट कलर, टाइपोग्राफी, बैकग्राउंड कलर, बॉर्डर, बॉर्डर रेडियस और पैडिंग को नियंत्रित करें यह फ्लिपबॉक्स के प्रकटीकरण को रूपांतरण के लिए एक सीधे मार्ग में बदल देता है, सभी को एक अलग विजेट की आवश्यकता के बिना।
- डायरेक्ट कॉल-टू-एक्शन: टेक्स्ट और लिंक के साथ एक बटन जोड़ें जो फ्लिप के बाद बैक बॉक्स पर दिखाई देता है।
- पेशेवर बटन स्टाइल: पॉलिश बटन के लिए बॉर्डर रेडियस, पैडिंग और बैकग्राउंड कंट्रोल का उपयोग करें।











![फ्लिपबॉक्स [अन्य परिपत्र ब्रांड शोकेस]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2025/09/16055733/Flipbox-Circular-brand-showcase-300x197.webp)
फ्लिपबॉक्स के लिए अक्सर पूछे जाने वाले प्रश्न
मोबाइल उपकरणों पर क्या होता है जहां कोई होवर नहीं है?
फ्लिप इंटरैक्शन आमतौर पर मोबाइल उपकरणों पर एक टैप द्वारा ट्रिगर किया जाता है उपयोगकर्ता इसे पीछे की ओर फ्लिप करने के लिए फ्रंट बॉक्स को टैप करता है, और वापस फ्लिप करने के लिए फिर से टैप कर सकता है यह टचस्क्रीन पर पूरी तरह कार्यात्मक और सहज बनाता है।
क्या मैं सामने वाले आइकन के बजाय छवि का उपयोग कर सकता हूं?
हाँ! स्टाइल प्रीसेट में से एक को “Front Image।” कहा जाता है। इस प्रीसेट को चुनने से आइकन चयनकर्ता एक छवि अपलोडर में बदल जाएगा, जिससे आप फ्रंट बॉक्स पर मुख्य दृश्य के रूप में एक फोटो, लोगो या ग्राफिक का उपयोग कर सकेंगे।
क्या फ्लिपबॉक्स सामग्री उत्तरदायी है?
बिल्कुल अंदर पाठ, आइकन और बटन विभिन्न स्क्रीन आकारों पर उचित रूप से स्केल और लपेटेंगे फ्लिप बॉक्स ऊंचाई जो आपने सेट की है वह भी उत्तरदायी है, लेकिन यदि आवश्यक हो तो आप इसे विशेष रूप से एलिमेंट के उत्तरदायी संपादन मोड का उपयोग करके मोबाइल के लिए समायोजित कर सकते हैं।
इस तत्व के लिए वास्तविक दुनिया का अच्छा उपयोग क्या है?
- सेवा बक्से: सामने: सेवा आइकन और नाम (जैसे, “वेब डिजाइन”) पीछे: विवरण और “एक उद्धरण प्राप्त करें” बटन।
- टीम प्रोफाइल: सामने: फोटो और नाम। पीछे: जैव और सामाजिक लिंक।
- उत्पाद की विशेषताएँ: सामने: फ़ीचर आइकन और शीर्षक। पीछे: विस्तृत विवरण और “View उत्पाद” लिंक।
- सांख्यिकी: सामने: एक बड़ी संख्या वापस: इसका क्या मतलब है और एक स्रोत लिंक।
क्या मैं पूरे फ्लिपबॉक्स को अलग बटन के बिना किसी पृष्ठ से लिंक कर सकता हूं?
डिफ़ॉल्ट रूप से आप केवल बटन के लिए लिंक जोड़ सकते हैं लेकिन हमारे रैपर लिंक एक्सटेंशन की मदद से, आप एंटियर फ्लिपबॉक्स को लिंक कर सकते हैं।
मैं सही एनीमेशन कैसे चुनूं?
अपनी साइट की गति पर विचार करें कॉर्पोरेट या स्वच्छ साइटों के लिए, फ्लिप क्षैतिज/ऊर्ध्वाधर या फीका का उपयोग करें रचनात्मक, तकनीक, या पोर्टफोलियो साइटों के लिए, ३ डी फ्लिप, क्यूब, या रोलओवर अधिक व्यक्तित्व जोड़ सकते हैं कुछ का पूर्वावलोकन करें कुछ सबसे अच्छा एक चिकनी लगता है और आपके संदेश से विचलित नहीं होता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

ग्लासमोर्फिज्म

कंटेनर अतिरिक्त

पैटर्न

पोस्ट/पेज डुप्लीकेटर


