🌐English

CSS Border Radius जेनरेटर

कोनों को आसानी से गोल करें। हर कोने के लिए अलग-अलग border-radius एडजस्ट करके ऑर्गेनिक आकार बनाएं।

आखिरी बार अपडेट किया गया: 2026-01-11

कॉर्नर कंट्रोल

10px
10px
10px
10px

लाइव प्रीव्यू

शेप
border-radius: 10px 10px 10px 10px;

मुख्य विशेषताएं

  • अलग-अलग कंट्रोल: टॉप-लेफ़्ट, टॉप-राइट, बॉटम-राइट, और बॉटम-लेफ़्ट कोनों को अलग-अलग एडजस्ट करें।
  • लाइव प्रीव्यू: अपने शेप को रियल-टाइम में बदलते देखें।
  • शॉर्टकोड जनरेशन: 4-वैल्यू CSS syntax अपने आप जेनरेट होता है।
  • रीसेट बटन: तुरंत वर्गाकार शेप पर वापस जाएं।

इस Border Radius जेनरेटर का उपयोग कैसे करें

  1. बॉक्स के विशेष कोनों को गोल करने के लिए स्लाइडर खींचें।
  2. तेज़ वर्ग बनाने के लिए सभी स्लाइडर 0 पर सेट करें।
  3. परफ़ेक्ट सर्कल बनाने के लिए सभी स्लाइडर 100px पर सेट करें (मानते हुए बॉक्स 200px का है)।
  4. CSS कोड पाने के लिए कॉपी करें पर क्लिक करें।

Border Radius जेनरेटर का उपयोग क्यों करें?

4-वैल्यू syntax में कौन सी वैल्यू किस कोने के लिए है, यह याद रखना भ्रमित करने वाला हो सकता है। यह टूल बदलावों को तुरंत विज़ुअलाइज़ करता है, जिससे आप बिना मानसिक गणना किए जटिल ऑर्गेनिक आकार (जैसे पत्ते या ब्लॉब) बना सकते हैं।

अक्सर पूछे जाने वाले सवाल

4 वैल्यू का क्रम क्या है?

स्टैंडर्ड क्रम है: `Top-Left`, `Top-Right`, `Bottom-Right`, `Bottom-Left` (टॉप-लेफ़्ट से क्लॉकवाइज़)।

क्या मैं प्रतिशत वैल्यू उपयोग कर सकता हूं?

हां, CSS प्रतिशत सपोर्ट करता है (जैसे सर्कल बनाने के लिए `50%`)। यह जेनरेटर सटीकता के लिए पिक्सेल वैल्यू आउटपुट करता है, लेकिन आप कोड में मैन्युअल रूप से `px` को `%` में बदल सकते हैं।

मैं पिल शेप कैसे बनाऊं?

सभी कोनों पर बहुत ज़्यादा border-radius सेट करें (जैसे 999px)। ब्राउज़र इसे पिल इफ़ेक्ट के लिए अधिकतम संभव गोलाई पर सीमित कर देगा।

क्या यह इमेज पर काम करता है?

हां, `img` टैग में `border-radius` जोड़ने से उसके कोने गोल हो जाएंगे या वह सर्कल में क्लिप हो जाएगी।