चमक
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
गहरी भीतरी त्रिज्याओं और मध्यम चिकनाहट वाले चार उभार — वही चार-नोक वाली चमक जो हाइलाइट, AI के अलंकरण और «नया» बैज में इस्तेमाल होती है। पाठ के साथ एक ही पंक्ति में बैठने लायक़ छोटी।
इसके पीछे की सेटिंग्स
| जनरेटर | ब्लॉब |
|---|---|
| बिंदु | 4 |
| यादृच्छिकता | 18% |
| चिकनाहट | 55% |
| बीज | 702 |
जानने लायक़ बातें
- चार उभार क्लासिक टिमटिमाहट देते हैं; छह से ऊपर यह चमक लगना बंद कर देती है।
- मध्यम चिकनाहट भुजाओं को सीधा होने के बजाय अवतल रखती है।
- 408 बाइट पर यह इतनी छोटी है कि एक दर्जन इनलाइन रखी जा सकें।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 408 बाइट की है और CSS बैकग्राउंड के रूप में 569 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 408 B |
| CSS बैकग्राउंड | 569 B |
| CSS clip-path | 626 B |
| CSS border-radius | 110 B |
चमक के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38.45C104.27 38.46,117.56 71.11,123.25 76.75C128.94 82.39,162.23 95.85,162.11 100C161.99 104.15,127.67 115.89,121.98 121.98C116.29 128.07,104.25 166.24,100 166.45C95.75 166.67,81.57 130.44,75.65 124.35C69.73 118.26,35.33 104.37,35.43 100C35.53 …
और विस्तार से
इसे एक बार बड़ा इस्तेमाल करने के बजाय छोटे आकार में बनाकर बार-बार इस्तेमाल करना बेहतर है। इस आकृति में ऐसा कोई ब्यौरा नहीं जो बड़े आकार का इनाम दे, और सोलह या बीस पिक्सेल पर इनलाइन लहजे के रूप में यह वह काम करती है जो इस सूची की कोई और आकृति नहीं करती।
सवाल
चमक मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में चमक पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 702 है, 4 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।