TL
Tool Lab
💰Donate
💰Donate

CSS टेक्स्ट शैडो जेनरेटर

मल्टी-लेयर CSS text-shadow इफेक्ट को विजुअली डिजाइन करें। ऑफसेट, ब्लर, रंग और अपारदर्शिता समायोजित करें। तुरंत CSS कॉपी करें।

Tool Lab
पूर्वावलोकन टेक्स्ट
फ़ॉन्ट आकार — 48px
टेक्स्ट रंग
पृष्ठभूमि रंग
शैडो परतें (1)
X ऑफसेट
Y ऑफसेट
धुंधलापन
रंग
अपारदर्शिता — 30%
उत्पन्न CSS
text-shadow: 2px 2px 6px rgba(0,0,0,0.30);

इस टूल के बारे में

CSS टेक्स्ट शैडो जनरेटर आपको बहु-परत टेक्स्ट शैडो को दृश्य रूप से बनाने और तुरंत CSS आउटपुट प्राप्त करने देता है। प्रत्येक परत में स्वतंत्र X/Y ऑफसेट, ब्लर रेडियस, रंग और अपारदर्शिता नियंत्रण होते हैं।

अपारदर्शिता RGBA अल्फा चैनल के रूप में लागू होती है, जो ब्राउज़र-विशिष्ट हैक के बिना चिकनी पारदर्शिता प्रदान करती है। उत्पन्न CSS सभी आधुनिक ब्राउज़रों में काम करती है।

कैसे उपयोग करें

  1. शुरू करने के लिए एक प्रीसेट चुनें, या परतों को मैन्युअल रूप से कॉन्फ़िगर करें।
  2. पूर्वावलोकन टेक्स्ट टाइप करें और फ़ॉन्ट आकार और रंग समायोजित करें।
  3. जटिल प्रभावों के लिए + परत जोड़ें से अधिक परतें जोड़ें।
  4. CSS कॉपी करें पर क्लिक करके text-shadow घोषणा सीधे अपनी स्टाइलशीट में कॉपी करें।

उपयोग के मामले

फ्रंटेंड डेवलपर्स गहराई वाले हीरो सेक्शन हेडिंग बनाते हैं। डिज़ाइनर CSS में टेक्स्ट प्रभावों का प्रोटोटाइप बनाते हैं। मार्केटिंग टीमें ग्लो और नियॉन प्रभावों के साथ आकर्षक CTA टेक्स्ट बनाती हैं।

अक्सर पूछे जाने वाले प्रश्न

  • मैं कितनी परतें जोड़ सकता हूं?कोई कठोर सीमा नहीं है। CSS किसी भी संख्या में अल्पविराम से अलग text-shadow मान का समर्थन करती है। व्यवहार में, 1-4 परतें अधिकांश प्रभावों को कवर करती हैं।
  • क्या text-shadow सभी ब्राउज़रों में काम करता है?हां। text-shadow 2012 से सभी आधुनिक ब्राउज़रों में पूरी तरह से समर्थित है।
  • ब्लर रेडियस 0 क्या है?बिना ब्लर के तेज किनारे वाली छाया, रेट्रो या आउटलाइन प्रभावों के लिए उपयोगी।