0

सीएसएस गोली/स्टेडियम आकार जेनरेटर

सीएसएस बॉर्डर-त्रिज्या को दृश्य रूप से डिज़ाइन करें: पीएक्स या प्रतिशत में चार स्वतंत्र कोने स्लाइडर, तत्काल मंडलियों और गोलियों के लिए एक लिंक-ऑल-कॉर्नर शॉर्टकट, साथ ही यादृच्छिक आकृतियों के साथ एक कार्बनिक ब्लॉब मोड।

12px
12px
12px
12px
प्रसंस्करण... 0%

नतीजा

यह पृष्ठ चारों कोनों को जोड़कर बॉर्डर-त्रिज्या जनरेटर को खोलता है और एक बहुत बड़े दायरे में धकेल दिया जाता है: 999px। एक विशिष्ट बटन-आकार के आयत पर, एक बड़ा त्रिज्या ब्राउज़र द्वारा बॉक्स की आधी ऊंचाई तक क्लिप किया जाता है, जो कि थोड़े गोल कोनों के साथ एक वर्ग के बजाय पूरी तरह गोल गोली या स्टेडियम आकार का निर्माण करता है।

यही कारण है कि पिल बटन को प्रत्येक बटन की ऊंचाई के अनुरूप सटीक त्रिज्या मान की आवश्यकता नहीं होती है - आधी ऊंचाई से बड़ी कोई भी संख्या समान क्लिप किए गए परिणाम देती है, यही कारण है कि 999px (या यहां तक कि 9999px) सीएसएस में 'इसे सभी तरह से घुमाने' के लिए अनौपचारिक समुदाय शॉर्टहैंड बन गया है।

अपने स्वयं के लेआउट में बॉक्स का आकार बदलें और वही 999px किसी भी ऊंचाई पर एक पूर्ण गोली का उत्पादन करता रहता है, क्योंकि ब्राउज़र हमेशा स्वचालित रूप से आधे बॉक्स पर क्लिप करता है। सीएसएस सही दिखने पर उसे कॉपी करें, या इसके बजाय एक असममित कैप्सूल बनाने के लिए कोनों को अनलिंक करें।