Border Radius जनरेटर
लाइव पूर्वावलोकन के साथ विज़ुअली CSS border-radius डिज़ाइन करें और जनरेट किया गया कोड कॉपी करें।
पूर्वावलोकन
प्रीसेट
CSS आउटपुट
border-radius: 10px;
Tailwind
बॉर्डर रेडियस जेनरेटर के बारे में
बॉर्डर रेडियस जेनरेटर एक मुफ्त ऑनलाइन टूल है जो लाइव प्रीव्यू के साथ CSS border-radius मानों को विज़ुअली डिज़ाइन करने के लिए है। प्रत्येक कोने को स्वतंत्र रूप से एडजस्ट करें या उन्हें एक साथ लिंक करें, प्रीसेट आकृतियों में से चुनें, और अपने प्रोजेक्ट के लिए जेनरेट किए गए CSS कोड को तुरंत कॉपी करें।
उपयोग कैसे करें
प्रत्येक कोने के बॉर्डर रेडियस को एडजस्ट करने के लिए स्लाइडर्स का उपयोग करें, या उन्हें समान रूप से बदलने के लिए 'Link All Corners' सक्षम करें। त्वरित शुरुआती बिंदुओं के लिए एक प्रीसेट आकृति चुनें। 8-वैल्यू कंट्रोल (प्रति कोने क्षैतिज और ऊर्ध्वाधर रेडियस) के लिए Advanced मोड को टॉगल करें। बैकग्राउंड और बॉर्डर रंगों के साथ प्रीव्यू उपस्थिति को कस्टमाइज़ करें। एक क्लिक से जेनरेटेड CSS कॉपी करें।
सामान्य उपयोग के मामले
- गोल बटन और कार्ड कंपोनेंट डिज़ाइन करना
- पिल-आकार के टैग और बैज बनाना
- गोलाकार प्रोफाइल पिक्चर कंटेनर बनाना
- सजावटी तत्वों के लिए ऑर्गेनिक ब्लब आकार डिज़ाइन करना
- एक डिज़ाइन सिस्टम में सुसंगत border-radius मान जेनरेट करना