सीएसएस बॉक्स छाया जनरेटर (बहु-परत और इनसेट)
लाइव ब्लर, स्प्रेड, इनसेट टॉगल और एक क्लिक टेलविंड/सीएसएस कोड निर्यात के साथ चिकनी, बहु-परत सीएसएस बॉक्स छायाएँ डिज़ाइन करें.
आपके ब्राउज़र में चलता है। आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं। जाँचने का तरीका देखें
…
कैसे करें
- 1चरण 1: सीएसएस बॉक्स छाया जनरेटर (बहु-परत और इनसेट) खोलें और अपनी जानकारी डालें
अपनी संख्याएँ या टेक्स्ट लिखें, फ़ाइल जोड़ें या ज़रूरी विकल्प चुनें। कुछ भी अपलोड नहीं होता: सब कुछ आपके ब्राउज़र में ही रहता है।
- 2चरण 2: सीएसएस बॉक्स छाया जनरेटर (बहु-परत और इनसेट) क्या करता है
लाइव ब्लर, स्प्रेड, इनसेट टॉगल और एक क्लिक टेलविंड/सीएसएस कोड निर्यात के साथ चिकनी, बहु-परत सीएसएस बॉक्स छायाएँ डिज़ाइन करें.
- 3चरण 3: परिणाम देखें और मिलान करें
परिणाम तुरंत दिखता है। एक मान बदलकर देखें कि उत्तर कैसे बदलता है, फिर अपने मामले के अनुसार सही आँकड़ा रखें।
- 4चरण 4: कॉपी या सेव करें
परिणाम कॉपी करें या डाउनलोड करें। किसी ज़रूरी फ़ैसले से पहले आधिकारिक स्रोत या सलाहकार से पुष्टि कर लें।
इस टूल के बारे में
कार्ड और यूआई तत्वों में गहराई और स्पर्श ऊंचाई जोड़ें। अस्पष्टता स्लाइडर के साथ क्षैतिज / ऊर्ध्वाधर ऑफसेट, धुंधले त्रिज्या, फैलने की दूरी और छाया रंग को अनुकूलित करें. हल्की और अंधेरी पृष्ठभूमि के खिलाफ परीक्षण करें, दबाए गए बटन स्थितियों के लिए इनसेट छाया स्विच करें, और मानक सीएसएस या टेलविंड कक्षाओं की तुरंत प्रतिलिपि बनाएं।
बेहतर नतीजों के लिए सुझाव
शुरू करने से पहले विकल्प पढ़ लें और पहले किसी छोटे नमूने से टूल आज़माएँ। सब कुछ आपके अपने डिवाइस पर ब्राउज़र में चलता है, इसलिए आप जो लिखते या जोड़ते हैं वह अपलोड नहीं होता, और टैब बंद करने पर मिट जाता है। कुछ ठीक न लगे तो पेज रीलोड करके फिर कोशिश करें, या इस पेज के रिपोर्ट लिंक से हमें बताएँ कि क्या गड़बड़ हुई ताकि हम ठीक कर सकें। अगर नतीजा अब भी ग़लत लगे तो एक बार में एक मान बदलकर देखें कि कौन सा खाना सबसे ज़्यादा असर डालता है। अगर आपको यह टूल दोबारा चाहिए तो इस पेज को बुकमार्क कर लें।
मुख्य बातें
- श्रेणी: इमेज
- आपके ब्राउज़र में चलता है, साइन-अप नहीं, अपलोड नहीं।
- आपका इनपुट आपके डिवाइस पर ही रहता है।
- कई भाषाओं में उपलब्ध।
- सामग्री की आख़िरी समीक्षा:
अक्सर पूछे जाने वाले सवाल
मैं एक नरम, आधुनिक ड्रॉप छाया कैसे बनाऊं?
एक अधिक धुंधला त्रिज्या (20px-40px), नकारात्मक प्रसार (-4px) और कम अस्पष्टता (10%-25%) का उपयोग करें।
क्या यह समर्थन आंतरिक छाया डालता है?
हाँ. इनपुट फ़ील्ड, कुओं और दबाए गए बटन स्थितियों के लिए आदर्श आंतरिक छाया प्रभाव उत्पन्न करने के लिए 'इन्सट शेड' टॉगल सक्षम करें.
क्या मैं परीक्षण कर सकता हूँ कि छाया अंधेरे मोड कार्ड पर कैसे दिखती है?
हाँ. गहरे स्लेट और अंधेरे पृष्ठभूमि पर छाया विपरीत का परीक्षण करने के लिए 'गर्म कैनवास' क्लिक करें.
क्या उत्पन्न सीएसएस सभी ब्राउज़रों के साथ संगत है?
हाँ. यह मानक, W3C- अनुरूप बॉक्स छाया वाक्यविन्यास उत्पन्न करता है सभी आधुनिक डेस्कटॉप और मोबाइल ब्राउज़रों द्वारा समर्थित।
