सामग्री पर जाएं
Ad: top-banner (320x50)

CSS Box-Shadow जनरेटर

लाइव प्रीव्यू और कॉपी-रेडी कोड के साथ मल्टी-लेयर CSS box-shadows बनाएं

आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता
प्रीव्यू
Presets
CSS आउटपुट
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
Layers (1/8)
Layer 1 संपादित कर रहे हैं
X offset0px
Y offset4px
Blur12px
Spread0px
रंग
अपारदर्शिता25%
Ad: sidebar (300x250)
Ad: mid-banner (300x250)

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

  • क्या मैं कई shadows को स्टैक कर सकता हूँ?

    हाँ। 8 shadow layers तक जोड़ें — वे क्रम में रेंडर होती हैं (पहली layer ऊपर)। गहराई और neumorphic प्रभाव इसी तरह बनाए जाते हैं — एक गहरी bottom-right shadow को हल्की top-left shadow के साथ स्टैक करके।

  • Blur और spread में क्या अंतर है?

    Blur shadow के किनारे को मुलायम करता है (अधिक = अधिक फैला हुआ)। Spread blur से पहले shadow के आकार को एक समान रूप से बढ़ाता या घटाता है (धनात्मक = बड़ा, ऋणात्मक = element से छोटा)।

  • Inset क्या करता है?

    Inset shadow को element के बाहर के बजाय अंदर रेंडर करता है — inner glows, दबे हुए प्रभाव और धँसे हुए बटन जैसे लुक के लिए उपयोगी।

  • क्या यह सभी ब्राउज़रों में काम करता है?

    हाँ। box-shadow CSS3 का हिस्सा है और मोबाइल सहित IE9 से आगे हर ब्राउज़र में समर्थित है।