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

ब्लर शैडो के किनारे को नरम करता है: वैल्यू जितनी ज़्यादा, शैडो उतनी फैली हुई। फैलाव ब्लर लगने से पहले शैडो को बड़ा या छोटा करता है। नेगेटिव फैलाव और बड़े ब्लर से वह हल्का, उठा हुआ लुक मिलता है जो आजकल के इंटरफ़ेस में आम है।

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

इनसेट शैडो एलिमेंट के बाहर के बजाय अंदर बनती है। इससे सतह अंदर दबी हुई दिखती है, जो इनपुट फ़ील्ड या दबे हुए बटन के लिए अच्छी लगती है।

हाँ। box-shadow, कई लेयर और कोड में इस्तेमाल हुआ rgb() कलर सिंटैक्स सभी मौजूदा ब्राउज़र में सपोर्ट होते हैं।

स्थिर शैडो बनाना आसान होता है। बहुत सारे एलिमेंट पर बहुत बड़ा ब्लर, या शैडो को ही एनिमेट करना, ज़्यादा भारी पड़ सकता है। शैडो को स्मूद तरीके से एनिमेट करने के लिए, शैडो वाले किसी pseudo-element की ओपेसिटी को फ़ेड करें।