CSS बॉक्स शैडो जनरेटर
लाइव प्रीव्यू के साथ CSS बॉक्स शैडो जनरेट करें। ऑफसेट, ब्लर, स्प्रेड, रंग और अपारदर्शिता समायोजित करें — फिर 4 तक शैडो स्टैक करें और CSS कॉपी करें।
विज्ञापन
प्रीसेट:
शैडो 1
क्षैतिज4
ऊर्ध्वाधर4
ब्लर8
स्प्रेड0
रंग
अपारदर्शिता20
विज्ञापन
अक्सर पूछे जाने वाले प्रश्न
CSS बॉक्स शैडो क्या है?
CSS box-shadow प्रॉपर्टी किसी तत्व के फ्रेम में एक या अधिक शैडो इफेक्ट जोड़ती है। आप क्षैतिज और ऊर्ध्वाधर ऑफसेट (स्थिति), ब्लर त्रिज्या (नरमाई), स्प्रेड त्रिज्या (आकार), रंग और शैडो इनसेट (अंदर) या आउटसेट (बाहर) है या नहीं यह नियंत्रित कर सकते हैं।
"इनसेट" क्या करता है?
इनसेट के बिना, बॉक्स शैडो तत्व के बाहर ड्रॉप शैडो की तरह बनता है। इनसेट के साथ, शैडो तत्व की बॉर्डर के अंदर बनता है, जिससे इनर ग्लो या दबा हुआ प्रभाव मिलता है।
क्या मैं कई बॉक्स शैडो स्टैक कर सकता हूं?
हां — CSS एकल box-shadow प्रॉपर्टी पर कई अल्पविराम-अलग शैडो की अनुमति देता है। "शैडो लेयर जोड़ें" का उपयोग करके 4 तक स्तरित शैडो बनाएं। सूची में पहली शैडो सबसे ऊपर बनती है।