बादल किनारा

झालर जैसे ही चाप, पर कहीं कम और कहीं गहरे, जिससे यह सजावटी किनारा लगना बंद करके एक वस्तु लगने लगता है — ख़ास तौर पर एक बादल। फ़ुटर के ऊपर या हीरो के नीचे तब अच्छा, जब आप तटस्थ के बजाय कुछ मैत्रीपूर्ण चाहते हों।

इसके पीछे की सेटिंग्स

जानने लायक़ बातें

• कम पर बड़े चाप: जितने कम उभार, उतना यह सजावट के बजाय आकृति लगता है।
• इसे किसी नरम रंग के साथ रखिए; इस पैमाने पर गाढ़ा रंग पूरे सेक्शन पर हावी हो जाता है।
• इतनी बड़ी आकृति के लिए सिर्फ़ 295 बाइट।

बाइट में इसकी क़ीमत

यही आकृति SVG के रूप में 295 बाइट की है और CSS बैकग्राउंड के रूप में 456 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-288 160A144 99.71 0 0 1 0 160A144 99.71 0 0 1 288 160A144 99.71 0 0 1 576 160A144 99.71 0 0 1 864 160A144 99.71 0 0 1 1152 160A144 99.71 0 0 1 1440 160L1440 320L-288 320Z" fill="#4f46e5"/></svg>

और विस्तार से

इसे लंबवत पलटकर और मेहराबों को भीतर की ओर काटकर आज़माइए। वही पाँच चाप जो लटकते बादल जैसे पढ़े जाते हैं, भराव में ऊपर की ओर काटने पर आलों की क़तार जैसे पढ़े जाते हैं — और यह उन्हीं चार सेटिंग्स से बना सचमुच अलग डिवाइडर है।

सवाल

इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।