सीएसएस बॉर्डर रेडियस जनरेटर प्रति कोने नियंत्रण और दृश्य पूर्वावलोकन के साथ सीएसएस बॉर्डर-रेडियस मान उत्पन्न करें।
सीएसएस बॉर्डर रेडियस जनरेटर
प्रति कोने नियंत्रण और दृश्य पूर्वावलोकन के साथ सीएसएस बॉर्डर-रेडियस मान उत्पन्न करें।
लिंक्ड या व्यक्तिगत कोनों का चयन करें
सभी कोनों को एक साथ या स्वतंत्र रूप से नियंत्रित करने के बीच टॉगल करें।
रेडियस समायोजित करें
प्रत्येक कोने के लिए बॉर्डर-रेडियस मान सेट करने के लिए स्लाइडर्स का उपयोग करें।
सीएसएस कॉपी करें
आकार का पूर्वावलोकन करें और उत्पन्न सीएसएस बॉर्डर-रेडियस गुण को कॉपी करें।
What Is सीएसएस बॉर्डर रेडियस जनरेटर?
सीएसएस बॉर्डर रेडियस जनरेटर सीएसएस में border-radius गुण पर दृश्य नियंत्रण प्रदान करता है, जिससे आप किसी भी HTML तत्व के लिए गोल कोने बना सकते हैं। आप एक समान घुमावदार आकार के लिए सभी कोनों को लिंक कर सकते हैं या विशिष्ट आकारों के लिए प्रत्येक कोने पर स्वतंत्र रूप से नियंत्रण रख सकते हैं। इस टूल में एक लाइव पूर्वावलोकन है जो आपके द्वारा स्लाइडर्स को समायोजित करते समय अपडेट होता रहता है, जिससे यह दिखाई देता है कि आपका तत्व वास्तव में कैसा दिखेगा। आप पूर्वावलोकन बॉक्स का आकार और पृष्ठभूमि रंग भी अनुकूलित कर सकते हैं। बॉर्डर रेडियस आधुनिक वेब डिज़ाइन में सबसे अधिक उपयोग किए जाने वाले सीएसएस गुणों में से एक है, जो गोल बटन, कार्ड, अवतार और अन्य यूआई तत्व बनाने के लिए आवश्यक है। संक्षिप्त गुण एक समान या प्रति-कोने घुमावदार आकार के लिए एक से चार मूल्यों को स्वीकार करता है, और यह टूल दोनों मामलों को एक सरल टॉगल के साथ संभालता है।
Why Use सीएसएस बॉर्डर रेडियस जनरेटर?
-
सरल टॉगल के साथ प्रति-कोने नियंत्रण या लिंक्ड समान राउंडिंग
-
लाइव विज़ुअल पूर्वावलोकन जिसमें अनुकूलित बॉक्स आकार और रंग होता है
-
आवश्यकतानुसार दोनों शॉर्टहैंड और लॉन्गहैंड सीएसएस उत्पन्न करता है
-
गोलाकार, गोलियां और अनुकूलित राउंडेड आकार बनाने के लिए उपयुक्त
Common Use Cases
राउंडेड कार्ड
डैशबोर्ड और सामग्री लेआउट के लिए नियमित रूप से राउंडेड कार्ड घटक बनाएं।
गोली-आकार के बटन
उच्च बॉर्डर-रेडियस मानों के साथ गोली या कैप्सूल-अकार के बटन डिज़ाइन करें।
वृत्ताकार अवतार
उपयोगकर्ता अवतार के लिए पूर्ण वृत्त बनाने के लिए रेडियस को 50% पर सेट करें।
असममित आकार
प्रत्येक कोने पर अलग-अलग रेडियस मानों के साथ अद्वितीय आकार डिज़ाइन करें।
Technical Guide
सीएसएस बॉर्डर-रेडियस गुण चार व्यक्तिगत गुणों - border-top-left-radius, border-top-right-radius, border-bottom-right-radius और border-bottom-left-radius के लिए एक संक्षिप्त नाम है। यह एक से चार मूल्यों को घड़ी की दिशा में शीर्ष-बाएं कोने से शुरू करता है। एक एकल मान सभी कोनों पर लागू होता है। दो मान शीर्ष-बायां/नीचे-दायां और शीर्ष-दायां/नीचे-बायां निर्धारित करते हैं। तीन मान शीर्ष-बाएं, शीर्ष-दायां/नीचे-बाएं और नीचे-दायां निर्धारित करते हैं। चार मान प्रत्येक कोने को व्यक्तिगत रूप से निर्धारित करते हैं। मान पिक्सेल, प्रतिशत या अन्य सीएसएस लंबाई इकाइयों में हो सकते हैं। एक वर्गाकार तत्व पर 50% बॉर्डर-रेडियस सेट करने से एक आदर्श वृत्त बनता है। यह गुण दो मानों के सेट को भी स्वीकार कर सकता है जो एक स्लैश (/) द्वारा अलग किए गए हैं, जहां पहला सेट क्षैतिज त्रिज्या और दूसरा आभासी कोनों के लिए ऊर्ध्वाधर त्रिज्या निर्धारित करता है। बॉर्डर-रेडियस दृश्यमान सीमाओं, पृष्ठभूमि या रूपरेखा वाले तत्वों पर काम करता है।
Tips & Best Practices
-
1एक वर्गाकार तत्व पर एक पूर्ण वृत्त बनाने के लिए 50% का उपयोग करें
-
2बड़े मान (9999px) तत्व के आकार की परवाह किए बिना गोली-आकार के तत्व बनाते हैं
-
3अनोखे, जैविक आकारों के लिए विभिन्न कोने मानों को मिलाएं
-
4स्केलिंग के साथ प्रतिक्रियाशील बॉर्डर-रेडियस के लिए प्रतिशत का उपयोग करें
Related Tools
सीएसएस बॉक्स शैडो जनरेटर
एकाधिक परतों, इनसेट विकल्पों और रियल-टाइम पूर्वावलोकन के साथ सीएसएस बॉक्स शेड्स बनाएं।
🎨 CSS & Design
सीएसएस बटन जनरेटर
रंगों, पैडिंग, सीमाओं, छाया और होवर प्रभावों के साथ कस्टम सीएसएस बटन डिज़ाइन करें।
🎨 CSS & Design
सीएसएस कार्ड जनरेटर
बैकड्रॉप ब्लर, पारदर्शिता और शैडो नियंत्रण के साथ ग्लासमॉर्फिक कार्ड डिज़ाइन बनाएं।
🎨 CSS & Design
सीएसएस क्लिप पथ जनरेटर
पॉलीगन, सर्कल और एलिप्स प्रीसेट के साथ सीएसएस क्लिप-पथ आकार बनाएं।
🎨 CSS & DesignFrequently 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.