सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें

CSS border-radius जनरेटर

CSS Border Radius Generator

आठ क्षैतिज तथा ऊर्ध्वाधर कोने की त्रिज्याएँ; अंडाकार कोनों को कॉपी योग्य CSS के रूप में निर्यात करें।

लोकल प्रोसेसिंग

प्रोसेसिंग का विवरण

टूल का इनपुट आपके डिवाइस पर प्रोसेस होता है।

टूल चलाने के लिए संसाधन डाउनलोड हो सकते हैं। खाता सेवाएँ अलग हैं।

गोपनीयता की जानकारी
बग रिपोर्ट करें

टास्क पथ / इनपुट से परिणाम तक

CSS बॉर्डर रेडियस कैसे आकारूं

  1. 01

    इकाई चुनें

    इकाई को पिक्सल या प्रतिशत पर सेट करें — वर्कस्पेस पिक्सल में शुरू होता है। पिक्सल किसी भी एलिमेंट साइज़ पर स्थिर रहते हैं; प्रतिशत मान एलिमेंट के साथ स्केल होते हैं, और यही कार्बनिक, असममित आकृतियां संभव बनाता है।

  2. 02

    चारों कोनों को समायोजित करें

    ऊपर बायां, ऊपर दायां, नीचे दायां और नीचे बायां घुमाएं — हर एक चुनी इकाई में 1 के चरणों में 0 से 100 तक। चारों 24 px से शुरू होते हैं, और पूर्वावलोकन कार्ड हर बदलाव पर दोबारा बनता है।

  3. 03

    कोनों को जोड़ें या अलग करें

    हर कोना एक साथ बदलने के लिए सभी कोने जोड़ें चालू रखें, या हर कोने को स्वतंत्र रूप से आकार देने के लिए उसे बंद करें। वर्कस्पेस इसे टॉगल के बगल में लिखता है: जुड़े रहने पर एक कोना बदलने से चारों अपडेट होते हैं।

  4. 04

    नमूना आकृति आज़माएं

    असममित संदर्भ के लिए नमूना लोड करें दबाएं: ऊपर बायां और नीचे दायां 64 px पर, ऊपर दायां और नीचे बायां 12 px पर, अलग-अलग — कार्ड और अवतारों पर इस्तेमाल होने वाली तिरछी पत्ती आकृति। रीसेट एकसमान 24 px डिफ़ॉल्ट पर लौटाता है।

  5. 05

    ऊर्ध्व त्रिज्या जोड़ें

    ऊर्ध्व त्रिज्या में हर कोने को उसी इकाई में 0 से 100 तक का दूसरा मान दें। पहला बदलाव सभी कोने जोड़ें को बंद कर देता है और घोषणा को क्षैतिज / ऊर्ध्व रूप में लिखता है: ऊपर-बाएँ से घड़ी की दिशा में चार मान, एक स्लैश, फिर चार और मान, जिससे कोने दीर्घवृत्ताकार हो जाते हैं। स्थिति बैज मान्य CSS दिखाता है; सीमा से बाहर का कोई भी मान उसे वैल्यू जाँचें में बदल देता है और कॉपी व डाउनलोड दोनों रोक देता है।

  6. 06

    CSS कॉपी या डाउनलोड करें

    वर्तमान परिणाम निर्यात करें. CSS / HTML. HTML में वर्तमान CSS और कार्यशील उदाहरण है। मूल नियंत्रण कीबोर्ड इनपुट का समर्थन करते हैं।

टूल के तथ्य

प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त

आपका इनपुट ब्राउज़र में ही रहता है।

CSS border-radius जनरेटर अपना सत्यापित लोकल एक्ज़ीक्यूशन पथ इस्तेमाल करता है और कोई छिपा इनपुट या आउटपुट इतिहास नहीं बनाता।

लोकल एक्ज़ीक्यूशन

मौजूदा ब्राउज़र टैब के अंदर चलता है।

कोई छिपी प्रोसेसिंग नहीं

सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।

खाते की ज़रूरत नहीं

बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।

तुरंत रीसेट

टैब साफ़ करें और सक्रिय कार्य डेटा गायब।

CSS border-radius जनरेटर असल में क्या करता है

गोल कोने इंटरफ़ेस का लहजा तय करते हैं: शांत फ़ॉर्म के लिए 8 px, दोस्ताना कार्ड के लिए 24 px, हीरो सेक्शन के पीछे कार्बनिक बूंद के लिए जंगली असममित मान। स्टाइलशीट में चार नंबरों का अंदाज़ा लगाना धीमा है, खासकर प्रतिशत में, जहां कर्व एलिमेंट के अनुपात पर निर्भर करता है। CSS बॉर्डर रेडियस जनरेटर खींचते समय सटीक आकृति दिखाता है — एकसमान गोलाई के लिए कोने जुड़े या पत्ती व बूंद आकृतियों के लिए अलग। फिर वह आपको डिक्लेरेशन सौंपता है — लोकल रूप से रेंडर और वैलिडेट किया हुआ।

आम सवाल

पिक्सल और प्रतिशत में क्या फ़र्क़ है?
पिक्सल हर कोने को एलिमेंट साइज़ चाहे जो हो, एक तय रेडियस देते हैं। प्रतिशत एलिमेंट के आयामों के मुकाबले निकलता है, इसलिए वही मान ऊंचे कार्ड पर चौड़े कार्ड से अलग कर्व बनाता है — यही सापेक्षता दीर्घवृत्त और बूंद आकृतियां संभव बनाती है। आठ क्षैतिज तथा ऊर्ध्वाधर कोने की त्रिज्याएँ; अंडाकार कोनों को कॉपी योग्य CSS के रूप में निर्यात करें। HTML में वर्तमान CSS और कार्यशील उदाहरण है। मूल नियंत्रण कीबोर्ड इनपुट का समर्थन करते हैं।
सभी कोने जोड़ें क्या करता है?
जुड़े रहने पर कोई भी कोना बदलने से चारों एक ही मान पर अपडेट हो जाते हैं, जिससे एकसमान गोलाई तेज़ रहती है। ऊपर बायां, ऊपर दायां, नीचे दायां और नीचे बायां को स्वतंत्र रूप से नियंत्रित करने के लिए टॉगल बंद करें — असममित नमूना प्रीसेट ऐसे ही बना है।
पूर्ण वृत्त या दीर्घवृत्त कैसे पाऊं?
इकाई को प्रतिशत पर बदलें और चारों कोने 50 पर सेट करें: चौकोर एलिमेंट पर नतीजा पूर्ण वृत्त होता है, और आयताकार पर दीर्घवृत्त। यही मानक अवतार और गोली-आकार तकनीक है, और पूर्वावलोकन कुछ भी कॉपी करने से पहले इसे दिखा देता है।
border-radius · निर्यात में क्या है?
border-radius: a b c d / e f g h. HTML में वर्तमान CSS और कार्यशील उदाहरण है। मूल नियंत्रण कीबोर्ड इनपुट का समर्थन करते हैं।
सीमाएं क्या हैं?
हर कोना चुनी इकाई में 1 के चरणों में 0 से 100 स्वीकार करता है। रेंज से बाहर के मान मान जांचें से हाइलाइट होते हैं, और ठीक होने तक कॉपी या डाउनलोड ब्लॉक रहता है।
क्या कुछ अपलोड या स्टोर होता है?
नहीं। पूर्वावलोकन और बना हुआ CSS इस ब्राउज़र टैब के अंदर गिने जाते हैं, और कोई बना हुआ मान स्टोरेज, लॉग, एनालिटिक्स या नेटवर्क में नहीं जाता।

संबंधित काम, कोई बंद गली नहीं।

पूरे इंडेक्स पर लौटे बिना किसी दूसरे केंद्रित वर्कस्पेस में जाएँ।

CSS चेकबॉक्स जनरेटर

CSS Checkbox Generator

24 चेकबॉक्स टेम्पलेट: आठ निशान × तीन बदलाव; मूल पूर्वावलोकन क्लिक या स्पेस से जाँचें।

बनाएँ

CSS टॉगल स्विच जनरेटर

CSS Switch Generator

18 स्विच टेम्पलेट: छह नॉब आकृतियाँ × तीन बदलाव; क्लिक या कीबोर्ड से जाँचें।

बनाएँ

CSS क्लिप पाथ जनरेटर

CSS Clip Path Generator

24 कट आकृतियाँ, आकृति विकल्प और संपादन योग्य बहुभुज बिंदु; CSS या घोषणा निर्यात करें।

बनाएँ