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







एनिमेटेड ग्रेडिएंट बीजी के लिए अक्सर पूछे जाने वाले प्रश्न
क्या यह मेरे पेज के किसी हिस्से पर काम करेगा?
हाँ! आप इसे लगभग किसी भी एलिमेंटर कंटेनर पर लागू कर सकते हैं: पूर्ण अनुभाग, व्यक्तिगत कॉलम, या हीरो बॉक्स जैसे विशेष कंटेनर भी। बस उस तत्व के लिए पृष्ठभूमि सेटिंग्स ढूंढें और “Animated Gradient” पृष्ठभूमि प्रकार देखें।
क्या मैं इसे पृष्ठभूमि छवि या वीडियो पर उपयोग कर सकता हूं?
आमतौर पर, आप प्रति तत्व एक पृष्ठभूमि प्रकार चुनते हैं आप एक ही सेटिंग्स का उपयोग करके एक वीडियो या छवि पर एक एनिमेटेड ढाल परत नहीं कर सकते हैं लेकिन आप अपनी छवि या वीडियो को एक अनुभाग के अंदर एक कॉलम में डाल सकते हैं जिसमें एनिमेटेड ढाल पृष्ठभूमि है, एक स्तरित रूप बना रहा है।
मैं एक एनीमेशन में कितने रंगों का उपयोग कर सकता हूं?
तकनीकी रूप से, जितने आप क्लिक करके चाहते हैं “रंग जोड़ें” लेकिन सबसे साफ, सबसे अधिक प्रदर्शन प्रभाव के लिए, हम २ से ४ रंगों की सलाह देते हैं बहुत सारे रंग एनीमेशन को मैला या अराजक बना सकते हैं।
क्या एनीमेशन हर समय चलता है, या क्या मैं इसे होवर पर चला सकता हूँ?
एक्सटेंशन निरंतर, लूपिंग एनिमेशन के लिए डिज़ाइन किया गया है जो पृष्ठ लोड होते ही स्वचालित रूप से चलता है होवर-नियंत्रित एनिमेशन के लिए, आपको संभवतः एक अलग विधि का उपयोग करने की आवश्यकता होगी या कस्टम सीएसएस। यह उपकरण हमेशा चालू रहने वाला, वायुमंडलीय पृष्ठभूमि प्रभाव पैदा करने के लिए है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।

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

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

पैटर्न

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


