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

कई लेयर के साथ CSS text-shadow इफ़ेक्ट बनाएं: ग्लो, आउटलाइन, रेट्रो 3D और एम्बॉस्ड टेक्स्ट। अपने टेक्स्ट के साथ लाइव प्रीव्यू और कॉपी करने लायक कोड।

प्रीसेट

लेयर

क्षैतिज ऑफ़सेटpx

ऊर्ध्वाधर ऑफ़सेटpx

धुंधलापनpx

छाया का रंग

अपारदर्शिता

प्रीव्यू सेटिंग्स

बैकग्राउंड रंग

टेक्स्ट का रंग

नमूना टेक्स्ट

प्रीव्यू

छाया

CSS कोड

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

टेक्स्ट शैडो जेनरेटर क्या है?

यह टूल एक या अधिक लेयर से CSS text-shadow प्रॉपर्टी बनाता है। हर लेयर में हॉरिज़ॉन्टल और वर्टिकल ऑफ़सेट, ब्लर, रंग और ओपेसिटी होती है, और प्रीव्यू आपके अपने सैंपल टेक्स्ट पर नतीजा दिखाता है।

टेक्स्ट शैडो जेनरेटर का उपयोग कैसे करें

Glow, Retro, Outline या Emboss जैसे प्रीसेट से शुरू करें या डिफ़ॉल्ट शैडो रखें।
कोई लेयर चुनें और Horizontal offset, Vertical offset, Blur, Shadow color और Opacity सेट करें।
आउटलाइन या स्टैक्ड 3D इफ़ेक्ट के लिए और लेयर जोड़ें; ग़ैर-ज़रूरी लेयर हटा दें।
पढ़ने में आसानी जाँचने के लिए अपना Sample text लिखें और टेक्स्ट व बैकग्राउंड के रंग चुनें।
CSS कोड कॉपी करें।

उदाहरण

इनपुट

x 3px, y 3px, blur 0, color #ff0000, opacity 1

आउटपुट

text-shadow: 3px 3px 0 #ff0000;

टेक्स्ट शैडो जेनरेटर का उपयोग कब करें

इसे हेडिंग, हीरो टेक्स्ट, नियॉन या रेट्रो इफ़ेक्ट और इमेज पर कंट्रास्ट बढ़ाने वाली हल्की शैडो के लिए इस्तेमाल करें। बड़े टेक्स्ट पर असली आउटलाइन के लिए -webkit-text-stroke स्टैक्ड शैडो से ज़्यादा साफ़ नतीजा देता है; बॉडी टेक्स्ट पर भारी शैडो से बचें क्योंकि इससे पढ़ना मुश्किल होता है।

टेक्स्ट शैडो जेनरेटर कैसे काम करता है

हर लेयर x y blur color के रूप में लिखी जाती है (text-shadow में स्प्रेड या inset नहीं होता)। ऑफ़सेट और ब्लर px वैल्यू हैं, ओपेसिटी रंग के alpha पर लागू होती है, इसलिए अपारदर्शी रंग hex में और बाकी rgba() में मिलते हैं। लेयर कॉमा से अलग होती हैं; पहली सबसे ऊपर बनती है। आउटलाइन प्रीसेट हर तिरछी दिशा में चार 1px ऑफ़सेट इस्तेमाल करता है, जो शुद्ध CSS से टेक्स्ट स्ट्रोक की नकल करने का आम तरीका है।