CSS Box-Shadow जनरेटर
लाइव प्रीव्यू और कॉपी-रेडी कोड के साथ मल्टी-लेयर CSS box-shadows बनाएं
आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाताbox-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
अक्सर पूछे जाने वाले सवाल
-
क्या मैं कई 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 से आगे हर ब्राउज़र में समर्थित है।