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

Anonim

नियमित पाठ छाया:

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 मूल्यों का उपयोग कर सकते हैं, उदाहरण के लिए, सफेद रंग की 40% पारदर्शिता:

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