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