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

एक border-radius डिक्लेरेशन चार स्वतंत्र कोने के मान और साथ ही ऑर्गैनिक कर्व के लिए वैकल्पिक आठ-मान वाली स्लैश सिंटैक्स ले सकता है — ज़्यादातर लोगों को तब तक एहसास नहीं होता जब तक उन्हें एक सादे गोल कार्ड से आगे कुछ चाहिए न हो। यह जनरेटर उन सभी हिस्सों को स्क्रीन पर रखता है: चार कोने के स्लाइडर अपनी px-या-प्रतिशत यूनिट के साथ, सममित आकारों के लिए सभी कोनों को लिंक करने का शॉर्टकट, और उन आकारों के लिए ब्लॉब मोड जिन्हें कोई एक रेडियस मान व्यक्त नहीं कर सकता।

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

ब्लॉब मोड दूसरा पहलू है: CSS की आठ-मान वाली स्लैश सिंटैक्स हर कोने के हॉरिज़ॉन्टल और वर्टिकल रेडियाई को अलग-अलग रखने देती है, जो एक गोल आयत को ऑर्गैनिक, अनियमित रूपरेखा में बदल देता है। कभी भी ताज़ा आकार के लिए Randomize दबाएँ और इसके पीछे का सटीक CSS कॉपी करें — कोई SVG एक्सपोर्ट या बाहरी लाइब्रेरी शामिल नहीं। प्रीसेट पेज उन अनुरोधों को कवर करते हैं जो लोग असल में सर्च बॉक्स में टाइप करते हैं: एक परफ़ेक्ट सर्कल, स्टेडियम-आकार का पिल बटन, iOS-स्टाइल स्क्वर्कल, और एक रेडीमेड ऑर्गैनिक ब्लॉब।

इस साइट के हर टूल की तरह, यह पूरी तरह आपके ब्राउज़र में चलता है: कोई अपलोड नहीं, कोई अकाउंट नहीं, और पेज लोड होने के बाद जनरेटर ऑफ़लाइन भी काम करता रहता है।