Website के text या container मे परछाई कैसे लगाए ?

आप अपनी website मे परछाई लगा कर थोड़ा और decorate कर सकते है । उसके लिए आप हमारे दिए हुए कोड का उपयोग कर के अपनी website के text मे या container मे या कहीं भी परछाई लगा सकते है ।

text मे परछाई 

मान लीजिए आपने किसी भी text जैसे की title name , heading मे परछाई लगाना चाहते है तब उस title name , heading के class मे नीचे दिए हुए कोड को paste कर दें –

.title-name {
color: white;
text-shadow: 2px 2px 5px black;
}

मैंने title-name का class मे इसका उपयोग किया हुआ है ।

DIV, button या container

बाहर की तरफ परछाई लगाना हो तब उस DIV, button या container  के class मे दिए हुए कोड को paste कर दें –

.post-outer {
width: 300px;
height: 200px;
background: #222;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

अगर अंदर की तरफ परछाई लगाना हो तब –

.post-outer {
width: 300px;
height: 200px;
background: #fff;
box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5);
}

इस तरह से आप मेरे दिए हुए कोड का उपयोग कर के परछाई को सेट कर सकते हैं ।

video

आप इस विडिओ के माध्यम से समझ सकते है की परछाई को कैसे customize कर सकते हैं ।