एनिमेटेड लहरें और एनिमेटेड कण सजावटी पट्टियाँ हैं। लहरें दो सेक्शन के बीच एक हल्का, चलता हुआ किनारा बनाती हैं। कण किसी पट्टी को धीरे-धीरे तैरते आकारों से भर देते हैं, जैसे बर्फ़ या बुलबुले।
इसे जोड़ें
बिल्डर में सेक्शन टैब खोलें, नया सेक्शन जोड़ें पर क्लिक करें, और सजावट ग्रुप में एनिमेटेड लहरें या एनिमेटेड कण चुनें। पट्टी को उन दो सेक्शन के बीच खींचें जिन्हें आप अलग करना चाहते हैं। आप किसी भी पेज पर हर एक की 5 तक पट्टियाँ जोड़ सकते हैं।
एनिमेटेड लहरें
लहरें
- स्टाइल: हल्की, शांत, उथल-पुथल, चोटियाँ, ज़िगज़ैग या ब्लॉब।
- ऊँचाई: 40 से 300 पिक्सेल तक।
- लेयर: एक के ऊपर एक 1 से 4 लहरें। ज़्यादा लेयर से ज़्यादा गहराई आती है।
- स्पीड: धीमा, सामान्य या तेज़।
लेआउट
- हेडर के साथ मिलाएँ: पट्टी का बैकग्राउंड हटा देता है ताकि वह ऊपर वाले हेडर का हिस्सा लगे। लहरदार हेडर किनारे के लिए पट्टी को हेडर के ठीक नीचे रखें।
- ऊपर-नीचे पलटें: लहरों को उल्टा कर देता है, ताकि वे नीचे वाले सेक्शन की बजाय ऊपर वाले सेक्शन में घुल-मिल जाएँ।
- दिशा: बाएँ या दाएँ, जिस तरफ़ लहरें चलती हैं।
- ओवरलैप: 0 से 120 पिक्सेल तक। पट्टी को अगले सेक्शन पर खींचता है ताकि दोनों के बीच दिखने वाली कोई भी लाइन छिप जाए।
- चौड़ाई: पूरा (डिफ़ॉल्ट) या पेज।
एनिमेटेड कण
- आकार: बिंदु, बुलबुला, स्टार या बर्फ़।
- संख्या: 5 से 40 कण। साइज़: सबसे बड़े कण का साइज़, 2 से 40 पिक्सेल। बाकी इससे छोटे होते हैं।
- स्पीड: धीमा, सामान्य या तेज़। दिशा: ऊपर (बुलबुलों की तरह उठते हुए) या नीचे (बर्फ़ की तरह गिरते हुए)।
- पारदर्शिता: 10% से 100% तक। कम वैल्यू से इफ़ेक्ट आपके कंटेंट के पीछे हल्का रहता है।
- पट्टी की ऊँचाई, 40 से 600 पिक्सेल तक, और चौड़ाई (पूरा या पेज)।
रंग
दोनों पट्टियाँ अपने रंग आपकी चुनी हुई कलर स्कीम से लेती हैं। लहरें स्कीम का बैकग्राउंड रंग इस्तेमाल करती हैं, और उनके पीछे की जगह उसका अंदर का बैकग्राउंड रंग। कणों में इसका उल्टा होता है: कण अंदर का बैकग्राउंड रंग इस्तेमाल करते हैं, और उनके पीछे की जगह बैकग्राउंड रंग। साफ़ जोड़ के लिए इन दोनों रंगों को पट्टी के ऊपर और नीचे वाले सेक्शन से मिलाएँ। स्कीम कलर स्कीम में एडिट की जाती हैं। दोनों में पैडिंग भी है (हर तरफ़ 200 पिक्सेल तक)।
तैयार नुस्खे
- सर्दियों वाला लुक: एनिमेटेड कण, जिसमें आकार बर्फ़, दिशा नीचे और कम पारदर्शिता हो, हीरो के नीचे रखें।
- लहरदार हेडर: हेडर के ठीक नीचे एनिमेटेड लहरें, हेडर के साथ मिलाएँ चालू करके और हेडर वाली ही कलर स्कीम के साथ।
ध्यान रखने वाली बातें
- लहरों और अगले सेक्शन के बीच एक लाइन दिखती है: ओवरलैप बढ़ाएँ, या जाँचें कि स्कीम के रंग मेल खाते हैं।
- हलचल: जिन ग्राहकों ने अपने डिवाइस पर कम हलचल (reduced motion) चालू की है, उन्हें लहरें और कण रुके हुए दिखते हैं।
- अंदर कोई टेक्स्ट नहीं: लहरों और कणों में कोई टेक्स्ट या बटन नहीं होता। कोई मैसेज दिखाने के लिए पट्टी के बगल में एक टेक्स्ट सेक्शन जोड़ें।
- इसे हल्का रखें: हर पेज पर एक या दो पट्टियाँ रखने से ध्यान आपके प्रोडक्ट्स पर बना रहता है।