बॉक्स शैडो जेनरेटर

स्लाइडर से box-shadow के ऑफ़सेट, ब्लर, स्प्रेड और रंग को शेप करें — कई लेयर जोड़कर डेप्थ बनाएं, CSS कोड फ़ौरन कॉपी करें।

शैडो लेयर
लेयर 1
CSS
अपनी शैडो शेप करने के लिए स्लाइडर घुमाएँ।

हर शैडो आपके ब्राउज़र में ही रेंडर होती है। यहाँ जो भी सेट करते हैं वह BroBroGo पर अपलोड नहीं होता।

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

ऑफ़सेट, ब्लर और स्प्रेड असल में क्या कंट्रोल करते हैं?

ऑफ़सेट शैडो को दाएँ-बाएँ और ऊपर-नीचे खिसकाता है, ब्लर किनारों को मुलायम करता है, और स्प्रेड ब्लर होने से पहले शैडो को बड़ा या छोटा करता है। स्प्रेड को माइनस में सेट करने पर शैडो अंदर की तरफ़ सिकुड़ जाती है, जो टाइट, पास वाली शैडो के लिए ठीक रहता है।

inset ऑप्शन क्या करता है?

सामान्य शैडो एलिमेंट के बाहर पड़ती है, जैसे उठे हुए कार्ड के पीछे रोशनी। inset ऑन करने पर यह अंदर की तरफ़ पलट जाती है, तो एलिमेंट दबा हुआ-सा दिखता है — धँसे हुए इनपुट या दबे हुए बटन के लिए काम का।

एक से ज़्यादा शैडो लेयर क्यों जोड़ें?

एक साइज़ के बाद अकेली शैडो चपटी लगने लगती है। असली डेप्थ के लिए आमतौर पर एक टाइट, गहरी शैडो के साथ एक मुलायम, चौड़ी शैडो मिलाई जाती है — नई लेयर जोड़ें और दोनों को अलग-अलग सेट करके यह असर पाएँ।