बॉर्डर रेडियस जेनरेटर
स्लाइडर से हर कोने का रेडियस सेट करें, अंडाकार मोड से बहती हुई “blob” शेप बनाएं, और CSS कोड फ़ौरन कॉपी करें।
हर शेप आपके ब्राउज़र में ही बनती है। यहाँ जो भी सेट करते हैं वह BroBroGo पर अपलोड नहीं होता।
अक्सर पूछे जाने वाले सवाल
चारों कोने और px बनाम % कैसे काम करते हैं?
चारों स्लाइडर घड़ी की दिशा में ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ और नीचे-बाएँ कोनों से जुड़े हैं। px में कोना एक तय पिक्सेल जितना गोल होता है; % में यह एलिमेंट के हिसाब से गोल होता है — हॉरिज़ॉन्टल % चौड़ाई से और वर्टिकल % ऊँचाई से चलता है, इसलिए 50% पर चौकोर बॉक्स गोल बन जाता है।
अंडाकार मोड क्या करता है?
बंद होने पर हर कोना एक ही रेडियस वाला चौथाई-गोला होता है। ऑन करने पर हर कोने को अलग हॉरिज़ॉन्टल और वर्टिकल रेडियस मिलता है, और इसी से मुलायम, बहती हुई “blob” शेप बनती है। टूल खुद स्लैश वाला दो-वैल्यू फ़ॉर्म लिख देता है, और कोने फिर से गोल होने पर छोटा फ़ॉर्म लौटा देता है।
पूरा गोला या pill शेप कैसे बनाएँ?
चारों कोनों को लिंक करें, % पर जाएँ और 50% सेट करें — चौकोर बॉक्स गोल बन जाता है। pill जैसे बटन के लिए px ही रखें और किसी कोने को बटन की आधी ऊँचाई से आगे खींचें; चौड़ाई कुछ भी हो, किनारे पूरे गोल रहते हैं। “Circle” प्रीसेट पहला वाला सेटअप एक क्लिक में दे देता है।