इस टूल के बारे में
गोल कोने किसी इंटरफ़ेस का मिज़ाज तय करते हैं, और border-radius एक समान मान से कहीं ज़्यादा कर सकता है। यह जनरेटर आपको हर कोने को अलग-अलग गोल करने देता है, और पूरे आठ-मान क्षैतिज/लंबवत सिंटैक्स का उपयोग करके नरम, ऑर्गैनिक “blob” आकार बनाने देता है जो किसी सादे आयत जैसे बिल्कुल नहीं दिखते।
स्लाइडर खींचें, आकार को लाइव अपडेट होते देखें, और border-radius CSS कॉपी करें। सब कुछ आपके ब्राउज़र में चलता है।
अक्सर पूछे जाने वाले प्रश्न
लिंक्ड और पर-कॉर्नर मोड में क्या फर्क है?
लिंक्ड मोड चारों कोनों पर एक जैसा पिक्सेल रेडियस लागू करता है; इसे अनचेक करने पर पर-कॉर्नर मोड में जाता है, जहाँ हर कोने के लिए अलग हॉरिज़ॉन्टल और वर्टिकल प्रतिशत सेट कर सकते हैं।
क्या मैं इलिप्टिकल (गोल न होकर अंडाकार) कोने बना सकता हूँ?
हाँ। पर-कॉर्नर मोड पर स्विच करें और अलग-अलग हॉरिज़ॉन्टल व वर्टिकल प्रतिशत सेट करें — CSS का border-radius हर कोने के लिए दो रेडियस सपोर्ट करता है, और यह टूल दोनों को उपलब्ध कराता है।
मैं परफेक्ट सर्कल या पिल शेप कैसे बनाऊँ?
सर्कल के लिए, यूनिफ़ॉर्म रेडियस को एलिमेंट की चौड़ाई/ऊँचाई के 50% पर सेट करें (या पर-कॉर्नर मोड में 50%/50% इस्तेमाल करें); पिल शेप के लिए, रेडियस को कम से कम एलिमेंट की आधी ऊँचाई पर सेट करें।
क्या मेरा डिज़ाइन कहीं अपलोड होता है?
नहीं। प्रीव्यू बॉक्स और जनरेट किया गया CSS केवल आपके ब्राउज़र में ही लोकली कैलकुलेट होते हैं।
आउटपुट में कभी-कभी CSS में स्लैश (/) क्यों दिखती है?
स्लैश हॉरिज़ॉन्टल और वर्टिकल रेडियस को अलग करती है (`border-radius: h1 h2 h3 h4 / v1 v2 v3 v4`) — यह सिर्फ पर-कॉर्नर मोड में दिखती है, क्योंकि लिंक्ड मोड में सिर्फ एक ही वैल्यू की ज़रूरत होती है।