इसका इस्तेमाल कैसे करें
- अपना टेक्स्ट नमूना टेक्स्ट में लिखें। पूर्वावलोकन उसे छाया के साथ दिखाता है, ताकि आप अपने शब्दों पर परिणाम परख सकें।
- पहली परत की क्षैतिज ऑफ़सेट (px), लंबवत ऑफ़सेट (px) और ब्लर (px) तय करें। धनात्मक लंबवत ऑफ़सेट छाया को नीचे ले जाता है।
- हर परत का छाया का रंग और अपारदर्शिता चुनें, और नरम चमक के लिए परत जोड़ें से और परतें जोड़ें।
- CSS की घोषणा कॉपी करें, और उसे अपने टेक्स्ट के नियम में चिपकाएँ।
मान कैसे बनता है
text-shadow गुण एक छाया या कॉमा से अलग छायाओं की सूची लेता है। हर छाया की क्षैतिज और लंबवत ऑफ़सेट होती है, एक ब्लर त्रिज्या, जिसे छोड़ा जा सकता है, और एक रंग, जिसे लंबाइयों से पहले या बाद में लिखा जा सकता है। CSS Text Decoration विनिर्देश व्याकरण देता है। पहली छाया बाकी के ऊपर खींची जाती है, और बिना छाया के मान none होता है।
टेक्स्ट छाया में बॉक्स छाया के विपरीत कोई स्प्रेड नहीं होता। ब्लर त्रिज्या कभी ऋणात्मक नहीं होती, और बड़ा ब्लर छाया को ज्यादा चौड़े क्षेत्र में फैलाता है। अपारदर्शिता rgba रंग के alpha मान के रूप में लिखी जाती है, ज्यादा से ज्यादा दो दशमलव के साथ। शून्य लंबाई को इकाई की जरूरत नहीं होती, इसलिए टूल 0 लिखता है।
text-shadow: offset-x offset-y blur colour, offset-x offset-y blur colour, ...परतें और एडिटर क्या जाँचता है
नरम चमक के लिए अक्सर दो या तीन परतें लगती हैं: अक्षरों के पास एक छोटी, गहरी छाया, और उससे दूर एक बड़ी, हल्की। एडिटर 8 परतों तक, −200 से 200 पिक्सल की ऑफ़सेट, 0 से 100 पिक्सल का ब्लर और 0 से 100 प्रतिशत की अपारदर्शिता देता है।
पूर्वावलोकन के रंग, यानी टेक्स्ट का रंग और पृष्ठभूमि, सिर्फ पूर्वावलोकन के लिए हैं। वे CSS का हिस्सा नहीं हैं, इसलिए घोषणा सिर्फ छाया देती है, और कुछ नहीं।
हल किया हुआ उदाहरण: नीली चमक के नीचे काली छाया
पहली परत की ऑफ़सेट 0 और 2 पिक्सल है, ब्लर 4 पिक्सल, और काला रंग 30 प्रतिशत अपारदर्शिता पर। दूसरी परत की कोई ऑफ़सेट नहीं है, ब्लर 12 पिक्सल, और नीला #3b82f6 50 प्रतिशत पर।
मान है 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 12px rgba(59, 130, 246, 0.5), और घोषणा है text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 12px rgba(59, 130, 246, 0.5);
अक्सर पूछे जाने वाले सवाल
ब्लर और दूसरी परत में क्या अंतर है?
ब्लर एक छाया की किनारी को नरम करता है, ताकि वह ज्यादा चौड़े क्षेत्र में धीरे-धीरे खत्म हो। दूसरी परत एक और छाया जोड़ती है, जिसकी अपनी ऑफ़सेट, रंग और अपारदर्शिता होती है, और जो पहली से अलग जगह पर खींची जा सकती है।
ऑफ़सेट में चिह्न क्यों होता है?
धनात्मक क्षैतिज ऑफ़सेट छाया को दाईं ओर ले जाता है, और ऋणात्मक बाईं ओर। धनात्मक लंबवत ऑफ़सेट उसे नीचे ले जाता है, इसलिए टेक्स्ट के नीचे गिरने वाली छाया का मान धनात्मक होता है।
क्या टेक्स्ट छाया का स्प्रेड हो सकता है?
नहीं। text-shadow गुण सिर्फ ऑफ़सेट, ब्लर और रंग लेता है। बॉक्स छाया में स्प्रेड होता है, पर टेक्स्ट में नहीं, इसलिए एडिटर उसे नहीं देता।
पूर्वावलोकन मेरे पेज से अलग क्यों दिखता है?
पूर्वावलोकन यहाँ सेट किए गए नमूना टेक्स्ट, आकार और रंगों का इस्तेमाल करता है। आपके पेज पर छाया आपके अपने फ़ॉन्ट, आकार और पृष्ठभूमि पर पड़ती है, इसलिए काम पूरा करने से पहले परिणाम वहीं जाँच लें।
क्या मेरा लिखा कुछ सहेजा या किसी सर्वर को भेजा जाता है?
नहीं। नमूना टेक्स्ट, पूर्वावलोकन और CSS आपके ब्राउज़र में बनते हैं। कुछ भी सहेजा या हमारे सर्वर को नहीं भेजा जाता, इसलिए पेज छोड़ने से पहले घोषणा कॉपी कर लें।
स्रोत
आँकड़े और टेक्स्ट आखिरी बार मंगलवार, 10 नवंबर 2026 को जाँचे गए।