⬭ CSS Border-Radius जेनरेटर

परिचय

यह CSS Border-Radius जेनरेटर एक फ्री, ऑफ़लाइन-क्षमता वाले उपकरण में तीन संपादन मोड प्रदान करता है: साधारण मोड सभी चार कोनों को एक साथ समायोजित करता है, प्रति-कोना मोड प्रत्येक कोने को स्वतंत्र रूप से समायोजित करने की अनुमति देता है, और अंडाकार मोड प्रत्येक कोने के लिए अलग-अलग क्षैतिज और ऊर्ध्वाधर रेडियस खोलता है - CSS border-radius संक्षिप्त सिंटैक्स की पूरी शक्ति। एक लाइव SVG कोना आरेख प्रत्येक परिवर्तन के साथ वास्तविक समय में अपडेट होता रहता है, और Blob Randomize बटन एक गुप्त रूप से यादृच्छिक एल्गोरिथम का उपयोग करके आधुनिक UI डिज़ाइन में लोकप्रिय जैविक बॉबल आकृतियों के लिए उत्पन्न करता है। क्योंकि सब कुछ आपके ब्राउज़र में चलता है, आपके डिज़ाइन निजी रहते हैं और उपकरण इंटरनेट कनेक्शन के बिना भी काम करता है।

कैसे उपयोग करें

1. एक मोड का चयन करें - साधारण (सभी कोने), प्रति-कोना, या अंडाकार (अलग x/y रेडियस) - नियंत्रण पैनल के ऊपर के बटनों का उपयोग करके।
2. प्रत्येक कोने के लिए रेडियस सेट करने के लिए स्लाइडर खींचें या संख्या इनपुट में सीधे मान दर्ज करें। लाइव प्रीव्यू और SVG आरेख तुरंत अपडेट होते रहते हैं।
3. Blob Randomize पर क्लिक करें ताकि सभी आठ कोना-अक्ष संयोजनों के लिए यादृच्छिक अंडाकार रेडियस निर्धारित करके एक जैविक, अनियमित आकृति उत्पन्न की जा सके। यह आधुनिक लैंडिंग पृष्ठों, एवतारों और डिज़ाइन बैकग्राउंडों में द्रव बॉबल आकृतियों के लिए आदर्श है - एक क्लिक के साथ।
4. आउटपुट बॉक्स में उत्पन्न CSS संक्षिप्त देखें - उपकरण स्वचालित रूप से सबसे छोटे वैध सिंटैक्स को लागू करता है (उदाहरण के लिए, समान मानों को संघटित करता है)।
5. CSS कॉपी करें पर क्लिक करें ताकि कोड को आपके क्लिपबोर्ड में कॉपी किया जा सके, फिर इसे अपने स्टाइलशीट या डिज़ाइन उपकरण में सीधे पेस्ट करें।

सामान्य प्रश्न

क्या यह CSS Border-Radius जेनरेटर पूरी तरह से मुफ्त है?

हां, 100% मुफ्त है, कोई खाता, कोई सदस्यता, कोई छिपे हुए सीमाएं नहीं। पृष्ठ खोलें और तुरंत border-radius CSS उत्पन्न करें।

क्या यह उपकरण ऑफ़लाइन या इंटरनेट कनेक्शन के बिना काम करता है?

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

मेरा डिज़ाइन डेटा निजी रहता है?

पूरी तरह से। आपके ब्राउज़र से कोई डेटा कभी भी बाहर नहीं जाता - कोई अपलोड, आपके इनपुट पर कोई विश्लेषण, और कोई सर्वर संग्रहण नहीं। सब कुछ आपके उपकरण पर रहता है।

अंडाकार मोड क्या करता है?

अंडाकार मोड प्रत्येक चार कोनों के लिए अलग-अलग क्षैतिज (x) और ऊर्ध्वाधर (y) रेडियस सेट करने की अनुमति देता है, जो एक अंतर्दृष्टि चिह्न द्वारा एक अंतर्दृष्टि CSS border-radius संक्षिप्त बनाता है - उदाहरण के लिए, border-radius: 40% 20% / 20% 40%। यह साधारण और प्रति-कोना मोड द्वारा बनाए गए असममित और अंडाकार आकृतियों के लिए खोलता है।

Blob Randomize बटन के लिए क्या है?

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

क्या यह टूल मेरा डेटा अपलोड करता है?

नहीं। सब कुछ आपके ब्राउज़र में ही चलता है, इसलिए आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता — पेज लोड होने के बाद यह ऑफ़लाइन भी काम करता है।