पाठ-छाया - सीएसएस-ट्रिक्स

p ( text-shadow: 1px 1px 1px #000; )

आप कॉमा को अलग करके कई टेक्स्ट शैडो लगा सकते हैं

p ( text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; )

पहले दो मान छाया ऑफसेट की लंबाई निर्दिष्ट करते हैं। पहला मान क्षैतिज दूरी को निर्दिष्ट करता है और दूसरा छाया की ऊर्ध्वाधर दूरी को निर्दिष्ट करता है। तीसरा मान धब्बा त्रिज्या निर्दिष्ट करता है और अंतिम मान छाया का रंग बताता है:

1. मान = X- समन्वय
2. मान = Y- समन्वय
3. मान = धब्बा त्रिज्या
4. मान = छाया का रंग

पहले दो मूल्यों के रूप में सकारात्मक संख्याओं का उपयोग करना पाठ के दाईं ओर छाया को रखने के साथ समाप्त होता है (पहला मान) और पाठ के नीचे छाया को लंबवत (दूसरा मान) रखता है।

तीसरा मान, धब्बा त्रिज्या, एक वैकल्पिक मूल्य है जिसे निर्दिष्ट किया जा सकता है लेकिन इसके लिए नहीं है। यह पाठों की पिक्सेल की मात्रा है, जो धुंधले प्रभाव का कारण बनती है। यदि आप तीसरे मान का उपयोग नहीं करते हैं, तो यह माना जाता है जैसे कि आपने शून्य का एक धुंधला त्रिज्या निर्दिष्ट किया है।

इसके अलावा, याद रखें कि आप रंग के लिए RGBa या HSLa मूल्यों का उपयोग कर सकते हैं, उदाहरण के लिए, सफेद रंग की 40% पारदर्शिता:

p ( text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); )

उदाहरण

CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन कॉम्प्लेक्स टेक्स्ट शैडो उदाहरण देखें।

अधिक जानकारी

• एमडीएन डॉक्स

ब्राउज़र का समर्थन

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
2+	१.१+	3.5+ है	9.5+	10+	कोई	कोई