ब्लॉब मेकर

ब्लॉब गाइड

ब्लॉब अनियमित लेकिन चिकनी किनारों वाले मुलायम ऑर्गेनिक आकार हैं — 2020 से अनगिनत हीरो बैकग्राउंड, अवतार और सेक्शन डिवाइडर के पीछे का डिज़ाइन ट्रेंड। क्लासिक CSS ट्रिक 8-मान वाले border-radius से सादे आयत को ऑर्गेनिक रूप में मोड़ देती है।

नया आकार बनाने के लिए रैंडमाइज़ पर क्लिक करें, किनारों को अधिक गोल या विचित्र बनाने के लिए कर्वचर स्लाइडर खींचें, और रंग चुनें। border-radius कोड सीधे CSS में कॉपी करें — न इमेज, न SVG फ़ाइल, पूरी तरह रिस्पॉन्सिव।

Pro Tips

• ब्लॉब बड़े आकार और मुलायम ग्रेडिएंट में सबसे अच्छे दिखते हैं। अधिक निखार के लिए ब्लॉब को सूक्ष्म एनीमेशन के साथ सजावटी बैकग्राउंड के रूप में लगाएँ: @keyframes morph { 50% { border-radius: अलग मान; } }।
• गहराई के लिए टेक्स्ट के पीछे कम अपारदर्शिता वाले ब्लॉब रखें। कुछ बड़े, धीरे-धीरे बहते ब्लॉब सामग्री से ध्यान हटाए बिना आधुनिक हीरो बैकग्राउंड बनाते हैं।