CSS border-radius जनरेटर

किसी तत्व के चारों कोनों को स्वतंत्र रूप से समायोजित करें और तुरंत संबंधित CSS border-radius मान प्राप्त करें, लाइव पूर्वावलोकन के साथ।

उदाहरण:

यह कैसे काम करता है

CSS border-radius गुण चार मान तक प्राप्त कर सकता है, प्रत्येक कोने के लिए एक, क्रम में ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, नीचे-बाएँ। यह उपकरण आपको प्रत्येक कोने को स्वतंत्र रूप से समायोजित करने और कोड कॉपी करने से पहले परिणाम देखने की अनुमति देता है।

बिल्कुल गोल या अंडाकार आकार कैसे बनाएं?

चारों कोनों को "%" इकाई के साथ 50% मान पर सेट करें: एक वर्गाकार तत्व पर लागू करने पर यह एक पूर्ण वृत्त बनाता है; आयत पर लागू करने पर एक दीर्घवृत्त।

विभिन्न कोनों के लिए अलग-अलग मान क्यों उपयोग करें?

असममित कोने जैविक आकार या "पानी की बूंद" प्रभाव बनाने की अनुमति देते हैं, जो अक्सर अधिसूचना बुलबुले या सजावटी तत्वों के लिए उपयोग किया जाता है।

100% स्थानीय प्रोसेसिंग: गणना पूरी तरह से आपके ब्राउज़र में WebAssembly के माध्यम से होती है, सर्वर को कोई डेटा नहीं भेजा जाता है।