UI शैडो स्केल जनरेटर
शैडो मान सेट करें, बढ़ते स्तरों का पूर्वावलोकन देखें और इंटरफ़ेस के लिए CSS token कॉपी करें।
स्केल अपडेट करने के लिए controls बदलें।
केवल डिजाइन सहायता: accessibility या visual quality की गारंटी नहीं। उत्पाद में token जांचें।
उपयोग कैसे करें
उपयोग कैसे करें
- आधार रंग, blur, spread, opacity और स्तरों की संख्या चुनें।
- स्टैक किए गए पूर्वावलोकन और बनाए गए token घोषणाएं देखें।
- CSS कॉपी करें और वास्तविक surface, contrast व interaction state पर हर शैडो जांचें।
दृश्य डिजाइन का शुरुआती आधार
यह बढ़ते offset, blur और opacity वाले box-shadow बनाता है। इन्हें अपने surface और component के अनुसार समायोजित करें।
स्थानीय और कॉपी योग्य
सारी गणना और preview इसी browser में होते हैं; आउटपुट CSS custom properties है।
केवल डिजाइन सहायता
यह preview accessibility, contrast, visual quality या हर display और background के लिए उपयुक्तता की गारंटी नहीं देता। महत्वपूर्ण state के लिए shadow से अलग स्पष्ट संकेत भी दें।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
स्तर कैसे बढ़ते हैं?
हर स्तर पर vertical offset, blur और opacity बढ़ते हैं, जो consistent scale का सरल शुरुआती आधार है।
क्या shadow अकेले accessibility सुनिश्चित करता है?
नहीं। Shadow केवल design सहायता है। महत्वपूर्ण state में text, border, color या अन्य स्पष्ट संकेत भी रखें।
क्या input upload होता है?
नहीं। Preview और CSS इसी browser में स्थानीय रूप से बनते हैं।