CSS text-shadow प्रॉपर्टी में कॉमा (,) से अलग करके एकाधिक छायाएं (multiple shadows) जोड़ी जा सकती हैं। प्रत्येक छाया के लिए ऑफसेट, ब्लर, और रंग निर्दिष्ट किया जाता है। छायाएं क्रम में लागू होती हैं (पहली सबसे ऊपर)।
उदाहरण
नीचे दिए गए उदाहरण में, <h1> टेक्स्ट पर लाल, हरी, और नीली तीन छायाएं एक साथ लागू की गई हैं।
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 0 0 3px red, 0 0 4px green, 0 0 5px blue;
}
</style>
</head>
<body>
<h1>Heading One</h1>
<p>Above heading has multiple text shadow effects.</p>
</body>
</html>
कैसे काम करता है:
0 0 3px red: कोई ऑफसेट नहीं, 3px ब्लर, लाल रंग0 0 4px green: कोई ऑफसेट नहीं, 4px ब्लर, हरा रंग0 0 5px blue: कोई ऑफसेट नहीं, 5px ब्लर, नीला रंग
रचनात्मक उपयोग:
- ग्लो/नियॉन प्रभाव
- 3D/एम्बॉस प्रभाव
- आउटलाइन/स्ट्रोक प्रभाव
- ग्रेडिएंट जैसा प्रभाव
