इस टूल के बारे में
box-shadow प्रॉपर्टी देखने में सरल पर वास्तव में गहरी है: ऑफ़सेट, ब्लर, स्प्रेड, रंग और inset कीवर्ड सब आपस में क्रिया करते हैं, और असली गहराई अक्सर कई शैडो को स्टैक करने से आती है। यह जनरेटर हर मान के लिए एक स्लाइडर देता है और कई लेयर जोड़ने देता है, ताकि आप एक सूक्ष्म कार्ड-लिफ़्ट से लेकर बोल्ड neumorphic प्रभाव तक बना सकें।
सब कुछ लाइव प्रीव्यू में अपडेट होता है, और तैयार box-shadow CSS एक कॉपी दूर है। यह पूरी तरह आपके ब्राउज़र में चलता है।
अक्सर पूछे जाने वाले प्रश्न
क्या यह कई शैडो को एक साथ स्टैक कर सकता है?
हाँ। अतिरिक्त शैडो जोड़ने के लिए 'Add Layer' पर क्लिक करें — ये सभी एक कॉमा-सेपरेटेड box-shadow वैल्यू में मिल जाती हैं, और पहली लेयर सबसे ऊपर दिखाई देती है।
'inset' चेकबॉक्स क्या करता है?
यह उस लेयर को बाहरी ड्रॉप शैडो से बदलकर एक इनर शैडो बना देता है जो एलिमेंट के बॉर्डर के अंदर दिखती है — दबे हुए या धंसे हुए इफेक्ट के लिए उपयोगी।
शैडो की ट्रांसपेरेंसी कैसे हैंडल होती है?
ऑपेसिटी स्लाइडर को कलर पिकर के साथ मिलाकर 8-अंकों वाला हेक्स कलर (#rrggbbaa) बनाया जाता है, जिससे असली alpha ट्रांसपेरेंसी मिलती है — क्योंकि सिर्फ कलर इनपुट alpha चैनल स्टोर नहीं कर सकता।
क्या मेरा डिज़ाइन डेटा कहीं अपलोड होता है?
नहीं, शैडो प्रीव्यू और CSS आउटपुट पूरी तरह आपके ब्राउज़र में जनरेट होते हैं — कुछ भी सर्वर पर अपलोड या स्टोर नहीं होता।
नेगेटिव स्प्रेड वैल्यू क्या करती है?
नेगेटिव स्प्रेड ब्लर होने से पहले शैडो के आकार को छोटा कर देता है, जिससे शैडो एलिमेंट से भी पतली या ज़्यादा टाइट दिखती है — यह आमतौर पर इसी के लिए इस्तेमाल होता है।