Skip to main content

सीएसएस ब्लॉब जनरेटर ग्रेडिएंट फिल और रैंडमाइजेशन के साथ जैविक ब्लॉब आकार एसवीजी के रूप में बनाएं।

सीएसएस ब्लॉब जनरेटर illustration
🎨

सीएसएस ब्लॉब जनरेटर

ग्रेडिएंट फिल और रैंडमाइजेशन के साथ जैविक ब्लॉब आकार एसवीजी के रूप में बनाएं।

1

आकार को यादृच्छिक बनाएं

नए जैविक ब्लॉब आकार उत्पन्न करने के लिए रैंडमाइज़ पर क्लिक करें।

2

दिखावट को अनुकूलित करें

जटिलता, आकार, रंगों और ग्रेडिएंट भरने को समायोजित करें।

3

एसवीजी को कॉपी करें

ब्लॉब का पूर्वावलोकन करें और पूर्ण एसवीजी कोड को कॉपी करें।

Loading tool...

What Is सीएसएस ब्लॉब जनरेटर?

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

Why Use सीएसएस ब्लॉब जनरेटर?

  • एक-क्लिक यादृच्छिकता अनंत अद्वितीय ब्लॉब आकारों के लिए
  • सरल से उच्च जैविक तक समायोज्य जटिलता
  • दो अनुकूलन योग्य रंगों के साथ ग्रेडिएंट भरने का विकल्प
  • साफ एसवीजी आउटपुट इनलाइन उपयोग या सीएसएस पृष्ठभूमि के लिए तैयार

Common Use Cases

पृष्ठभूमि अलंकरण

अलंकृत पृष्ठभूमि तत्वों के रूप में जैविक ब्लॉब आकार जोड़ें।

छवि मास्क

छवियों और सामग्री के लिए क्लिप-पथ मास्क के रूप में ब्लॉब आकार का उपयोग करें।

नायक अनुभाग एक्सेंट

दृश्य गहराई के लिए नायक सामग्री के पीछे ग्रेडिएंट ब्लॉब रखें।

अमूर्त चित्रण

अमूर्त, जैविक चित्रण के लिए कई ब्लॉब को मिलाएं।

Technical Guide

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

Tips & Best Practices

  • 1
    प्राकृतिक दिखने वाले ब्लॉब के लिए 5-7 जटिलता बिंदुओं का उपयोग करें
  • 2
    अधिक दृश्य रूप से आकर्षक आकारों के लिए ग्रेडिएंट भरने को लागू करें
  • 3
    विभिन्न आकारों और अपारदर्शिता पर कई ब्लॉब को मिलाएं
  • 4
    इनलाइन एसवीजी के उपयोग के बिना सीएसएस पृष्ठभूमि-छवि में रूपांतरित करें

Related Tools

Frequently Asked Questions

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

About This Tool

सीएसएस ब्लॉब जनरेटर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.