CSS टेक्स्ट शैडो जनरेटर
मुफ़्त ऑनलाइन text-shadow जनरेटर। ऑफसेट, ब्लर, रंग और अस्पष्टता के साथ कई शैडो लेयर स्टैक करें, नियॉन, 3D, रेट्रो प्रीसेट आज़माएँ और CSS तुरंत कॉपी करें।
CSS की text-shadow प्रॉपर्टी क्या है?
text-shadow टेक्स्ट ग्लिफ़ पर छाया प्रभाव जोड़ती है। हर छाया क्षैतिज ऑफसेट, लंबवत ऑफसेट, वैकल्पिक ब्लर त्रिज्या और रंग से परिभाषित होती है, और कई छायाओं को कॉमा से अलग करके एक ही वैल्यू में जोड़कर समृद्ध इफ़ेक्ट बनाए जा सकते हैं।
कई शैडो लेयर कैसे काम करती हैं?
लेयर घोषणा क्रम में नीचे से ऊपर बनती हैं, इसलिए सूची की पहली छाया सबसे ऊपर दिखती है। यह जनरेटर लेयर जोड़ना, हटाना, चालू और बंद करना देता है, और हर लेयर का अपना ऑफसेट, ब्लर, रंग और अस्पष्टता होता है — इसी से नियॉन या 3D जैसे इफ़ेक्ट स्टैक होते हैं।
ऑफसेट X, ऑफसेट Y और ब्लर का क्या मतलब है?
ऑफसेट X छाया को ग्लिफ़ के बाएँ-दाएँ, ऑफसेट Y ऊपर-नीचे हिलाता है, और ब्लर त्रिज्या किनारों को मुलायम करती है: 0 पर रेट्रो या आउटलाइन जैसी सख़्त किनारी मिलती है, बड़े मान रंग को ग्लो की तरह फैला देते हैं।
नियॉन ग्लो इफ़ेक्ट कैसे बनाएँ?
नियॉन प्रीसेट लें या कई लेयर में ऑफसेट शून्य, एक ही चमकीला रंग और बढ़ते ब्लर मान रखें, जैसे 0 0 3px, 0 0 8px और 0 0 20px। स्टैक किए हैलो नियॉन ट्यूब की चमक की नकल करते हैं।
क्या text-shadow रेंडरिंग परफ़ॉर्मेंस पर असर डालता है?
कुछ स्थिर लेयर सस्ती हैं, लेकिन बड़े ब्लर वाली बहुत सारी छायाओं वाला टेक्स्ट दोबारा पेंट करने में महँगा है। लंबे पैराग्राफ़ पर भारी छाया या लगातार text-shadow एनिमेशन कमज़ोर और मोबाइल डिवाइस पर फ़्रेम गिरा सकता है — छोटे हेडिंग, सीमित ब्लर रखें या ओपैसिटी एनिमेट करें।
छाया को अर्ध-पारदर्शी कैसे बनाएँ?
हर लेयर में ओपैसिटी स्लाइडर है जो चुने रंग को rgba रूप में बदलता है, जैसे rgba(0, 0, 0, 0.5)। अर्ध-पारदर्शी छाया किसी भी बैकग्राउंड से नैचुरली घुलती है — पेपर प्रीसेट इसी से मुलायम लेटरप्रेस लुक बनाता है।
text-shadow और box-shadow में क्या अंतर है?
text-shadow टेक्स्ट के ग्लिफ़ आकार पर लागू होता है और उसमें spread या inset वैल्यू नहीं होतीं, जबकि box-shadow किसी भी एलिमेंट के आयताकार बॉक्स को घेरता है। ऑफसेट-ब्लर सिंटैक्स साझा है पर एक दूसरे की जगह नहीं ले सकते।
कौन से ब्राउज़र text-shadow सपोर्ट करते हैं?
text-shadow Chrome, Firefox, Safari, Edge और Opera समेत हर आधुनिक ब्राउज़र में सपोर्टेड है और एक दशक से भी अधिक समय से बिना प्रीफ़िक्स स्थिर है। मल्टी-लेयर छायाएँ हर जगह एक जैसे चलती हैं।
क्या मेरा टाइप किया डेटा सर्वर पर जाता है?
नहीं। प्रीव्यू टेक्स्ट और आपकी सभी लेयर सेटिंग्स ब्राउज़र में ही रहती हैं और CSS पेज पर लोकल बनता है। नेटवर्क पर कुछ नहीं जाता, इसलिए लोड होने के बाद टूल ऑफ़लाइन भी चलता है।
CSS टेक्स्ट शैडो जनरेटर का उपयोग कैसे करें
एक ही ऑफसेट अंदाज़ने की बजाय लेयर स्टैक करके CSS टेक्स्ट शैडो डिज़ाइन करें। हर बदलाव बड़े लाइव प्रीव्यू टेक्स्ट पर रेंडर होता है, और CSS पूरी तरह ब्राउज़र में लोकल बनता है।
- असली असर देखने के लिए Preview text फ़ील्ड में अपने शब्द टाइप करें।
- प्रीसेट आज़माएँ: Neon, Paper, 3D, Retro, Glow या Outline तैयार लेयर्स लोड करते हैं।
- हर लेयर के स्लाइडर से उसका Offset X, Offset Y, Blur, Color और Opacity सेट करें।
- और शैडो जोड़ने के लिए Add layer, किसी लेयर को अस्थायी रूप से बंद करने के लिए टिक हटाएँ, या ट्रैश आइकन से डिलीट करें।
- बना हुआ text-shadow रूल कॉपी करके अपनी स्टाइलशीट में पेस्ट करें।
नियॉन ग्लो एक ही रंग की तीन-चार लेयरों और बढ़ते ब्लर से सबसे अच्छा लगता है — ऑफसेट शून्य पर रखें और ब्लर से काम करवाएँ।
संबंधित टूल
- CSS बॉक्स शैडो जनरेटर मुफ्त ऑनलाइन CSS box-shadow जनरेटर। समायोज्य ऑफसेट, ब्लर, स्प्रेड, रंग और इनसेट के साथ विज़ुअली सुंदर छायाएं बनाएं। लाइव पूर्वावलोकन और तत्काल कोड कॉपी।
- CSS ग्रेडिएंट जनरेटर विज़ुअली शानदार CSS ग्रेडिएंट बनाएं। कई रंग स्टॉप, कस्टम कोण और स्थितियों के साथ रैखिक, रेडियल और कोनिक ग्रेडिएंट उत्पन्न करें। तुरंत प्रोडक्शन-रेडी कोड कॉपी करें।
- फैंसी टेक्स्ट जेनरेटर 28 यूनिकोड स्टाइल वाला मुफ्त फैंसी टेक्स्ट जेनरेटर। Instagram बायो, TikTok, WhatsApp और गेमिंग नामों के लिए बोल्ड, इटैलिक, गॉथिक और गोल टेक्स्ट बनाएँ - एक क्लिक में कॉपी करें।
- बॉर्डर रेडियस जेनरेटर मुफ्त ऑनलाइन बॉर्डर रेडियस जेनरेटर। 8 हैंडल खींचें या ब्लॉब प्रीसेट चुनें, जैविक CSS आकार बनाएं और कोड तुरंत कॉपी करें।
- रंग परिवर्तक मुफ्त ऑनलाइन रंग परिवर्तक। विज़ुअल पिकर के साथ HEX, RGB, HSL, HSV प्रारूपों को तुरंत बदलें। 100% निजी, आपके ब्राउज़र में चलता है।
- CSS ईज़िंग जनरेटर मुफ़्त ऑनलाइन CSS ईज़िंग जनरेटर। इंटरैक्टिव कर्व पर cubic-bezier कंट्रोल पॉइंट खींचें, 18 प्रीसेट में से चुनें, लूपिंग बॉल प्रीव्यू देखें और टाइमिंग फंक्शन तुरंत कॉपी करें।
- CSS क्लिप पाथ जनरेटर मुफ़्त ऑनलाइन CSS clip-path जनरेटर। खींचने योग्य पॉइंट्स के साथ polygon, circle, ellipse और inset शेप बनाएं, लाइव प्रीव्यू देखें और एक क्लिक में CSS कोड कॉपी करें।
- CSS ब्यूटीफायर CSS कोड को तुरंत प्रारूपित और सुंदर बनाएं। अनुकूलन योग्य विकल्पों के साथ मिनीफाइड CSS को पठनीय कोड में बदलें।