बॉर्डर रेडियस जनरेटर

इस टूल के बारे में

CSS Border Radius Generator अलग-अलग sliders या एक All Corners slider से किसी element के हर कोने का border-radius प्रतिशत में सेट करता है, circle, leaf और blob जैसे presets भी देता है, और CSS कॉपी करता है।

इस्तेमाल कैसे करें

1. हर कोने के sliders खिसकाएं, या All Corners इस्तेमाल करें।
2. Circle, Leaf या Blob जैसा कोई preset आज़माएं।
3. ज़रूरत हो तो प्रीव्यू साइज़ बदलें।
4. Copy CSS पर क्लिक करें।

जानने योग्य बातें

• border-radius चार values तक लेता है, इस क्रम में: top-left, top-right, bottom-right, bottom-left।
• square element पर border-radius: 50% एक circle बनाता है।
• प्रतिशत वाले radii element के साइज़ के साथ बदलते हैं; pixel वाले radii तय रहते हैं।
• आमने-सामने के कोनों पर असमान radii बिना किसी SVG के leaf और blob shapes बनाते हैं।
• border-radius हर मौजूदा ब्राउज़र में बिना prefixes के सपोर्टेड है।

पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।

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