UTILS.
निजता हमेशा पहले
⬛

CSS Box Shadow जनरेटर

लाइव प्रीव्यू के साथ box-shadow को विज़ुअली डिज़ाइन करें और CSS कॉपी करें।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

इस टूल के बारे में

ऑफसेट, ब्लर, स्प्रेड, रंग और ओपेसिटी के स्लाइडर खींचकर CSS box-shadow को विज़ुअली बनाएँ, फिर तैयार नियम को कॉपी करें। सब कुछ लाइव अपडेट होता है और पूरी तरह आपके ब्राउज़र में चलता है।

अक्सर पूछे जाने वाले प्रश्न

स्प्रेड वैल्यू क्या करती है?
स्प्रेड किसी भी ब्लर से पहले छाया को बढ़ाती है (पॉज़िटिव) या घटाती है (नेगेटिव), जिससे यह एलिमेंट से बड़ी या तंग बन जाती है।
Inset शैडो क्या है?
Inset छाया को एलिमेंट के बाहर के बजाय अंदर की ओर बनाता है, जो दबे हुए बटन या आंतरिक चमक के लिए उपयोगी है।

और टूल