मुख्य सामग्री पर जाएं

बॉर्डर रेडियस

CSS border-radius प्रीव्यू। हर कोने को अलग एडजस्ट, रियल-टाइम प्रीव्यू। कोड कॉपी। ब्राउज़र प्रोसेसिंग।

बॉर्डर रेडियस प्रीव्यूअर एक मुफ़्त ऑनलाइन टूल है जो CSS border-radius प्रॉपर्टी को दृश्यात्मक रूप से समायोजित करता है। रियल-टाइम प्रीव्यू के साथ प्रत्येक कोने को अलग-अलग या सभी को एक साथ सेट करें। वृत्त, दीर्घवृत्त और असममित आकार बनाएँ। ब्राउज़र में ही प्रोसेसिंग — वेब डिज़ाइन के लिए पूरी तरह मुफ़्त।

border-radius: 20px;
lock फ़ाइलें सर्वर पर नहीं भेजी जातीं

बॉर्डर रेडियस कैसे इस्तेमाल करें?

  1. स्लाइडर का उपयोग करके प्रत्येक कोने के लिए रेडियस मान समायोजित करें।
  2. रियल-टाइम प्रीव्यू में आकार जाँचें।
  3. CSS कोड कॉपी करें और अपने प्रोजेक्ट में लागू करें।

बॉर्डर रेडियस के बारे में अक्सर पूछे जाने वाले सवाल

मैं एक पूर्ण वृत्त कैसे बनाऊँ?

एक वर्गाकार एलिमेंट पर border-radius: 50% लगाएँ ताकि एक पूर्ण वृत्त बने। चारों कोनों को 50% पर सेट करें।

क्या मैं प्रत्येक कोने के लिए अलग-अलग मान सेट कर सकता हूँ?

हाँ, border-radius में चार अलग-अलग मान इस क्रम में हो सकते हैं: ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, नीचे-बाएँ। यह अनूठे असममित आकार बनाने देता है।