0

सीएसएस स्क्विर्कल जेनरेटर - गोलाकार वर्ग

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

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

नतीजा

यह पृष्ठ सीमा-त्रिज्या जनरेटर को खोलता है जिसमें सभी चार कोने 30% पर जुड़े हुए हैं, एक मध्यम गोलाई जो एक तेज वर्ग और एक पूर्ण वृत्त के बीच बैठती है। यह एक सच्चा गणितीय चक्कर (एक सुपरलिप्स) नहीं है, लेकिन यह एकल सीएसएस संपत्ति के सबसे करीब हो सकता है, और यह वह मूल्य है जिस तक अधिकांश डिज़ाइन सिस्टम तब पहुंचते हैं जब वे उस रूप को चाहते हैं।

यह नाम iOS द्वारा लोकप्रिय गोल-चौकोर ऐप आइकन से आया है: नरम और मैत्रीपूर्ण महसूस करने के लिए प्रत्येक कोने पर पर्याप्त वक्र, लेकिन इतना नहीं कि आकार गोल लगे। आइकन टाइलें, कार्ड थंबनेल और आधुनिक अवतार फ़्रेम बिल्कुल इसी कारण से इसी रफ रेंज में रेडी पर निर्भर हैं।

लिंक किए गए स्लाइडर को नरम, अधिक गोलाकार अनुभव के लिए ऊपर की ओर धकेलें या अधिक कुरकुरा, अधिक चौकोर अनुभव के लिए नीचे की ओर धकेलें - सीएसएस लाइन हर बदलाव के साथ अपडेट होती है, जब कर्व आपके आइकन या कार्ड के लिए सही लगता है तो कॉपी करने के लिए तैयार हो जाता है।