इस उपकरण के बारे में
टेक्स्ट शैडो जनरेटर अक्षरों के आकार पर छाया लगाता है। इसमें ऑफ़सेट, धुंधलापन, रंग और अपारदर्शिता के नियंत्रण हैं। प्रीव्यू में इनपुट साधारण टेक्स्ट के रूप में दिखता है; HTML टैग भी टेक्स्ट की तरह दिखते हैं और पेज कोड के रूप में नहीं चलते।
कैसे इस्तेमाल करें
- वह टेक्स्ट दर्ज करें जिसका प्रीव्यू देखना चाहते हैं।
- क्षैतिज व ऊर्ध्वाधर ऑफ़सेट और शून्य या उससे अधिक धुंधलेपन की त्रिज्या चुनें।
- छाया का रंग और अपारदर्शिता चुनकर लाइव टेक्स्ट प्रभाव देखें।
- CSS कॉपी करें या शुरुआती सेटिंग वापस लाने के लिए “रीसेट करें” पर क्लिक करें।
उदाहरण
- कम ऑफ़सेट और कम अपारदर्शिता से हल्की टेक्स्ट छाया बनती है।
- ऑफ़सेट 0 और अधिक धुंधलेपन से हल्की चमक का प्रभाव बना सकते हैं।
- हिंदी, अंग्रेज़ी या चिह्न दर्ज करके अलग-अलग अक्षर आकृतियों की छाया की तुलना करें।
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);कार्यविधि और CSS विवरण
text-shadow का प्रारूप offset-x offset-y blur-radius color है। यह अक्षरों के आकार पर लागू होता है और इसमें spread-radius या inset नहीं होते। छाया का रंग जाँचे गए चैनल और चुनी गई अपारदर्शिता से बनता है।
सामान्य उपयोग
- शीर्षक और पोस्टर के टेक्स्ट प्रभाव समायोजित करना।
- ब्रांड के संदेशों के लिए हल्की छाया बनाना।
- टेक्स्ट और बॉक्स की छाया की सेटिंग में अंतर समझना।
गोपनीयता
इनपुट की प्रोसेसिंग, गणना, CSS बनाना और प्रीव्यू, सब आपके ब्राउज़र में होता है। आपकी सामग्री अपलोड नहीं होती। किसी बैकएंड, डेटाबेस, ऑनलाइन API या तीसरे पक्ष के CDN का इस्तेमाल नहीं होता और आपका इनपुट अपने आप सेव नहीं होता।
FAQ
text-shadow और box-shadow में क्या अंतर है?
text-shadow अक्षरों की आकृति के अनुसार बनता है, जबकि box-shadow तत्व के बॉक्स पर लागू होता है।
text-shadow में spread क्यों नहीं है?
मानक text-shadow सिंटैक्स में दो ऑफ़सेट, वैकल्पिक धुंधलापन और रंग होते हैं। इसमें फैलाव की त्रिज्या नहीं होती।
क्या text-shadow की कई परतें बना सकते हैं?
CSS में कॉमा से अलग करके कई टेक्स्ट छायाएँ जोड़ सकते हैं। यह पेज एक परत की छाया विश्वसनीय रूप से बनाने पर केंद्रित है।
क्या प्रीव्यू टेक्स्ट में HTML चलाया जाएगा?
नहीं। इनपुट टेक्स्ट नोड के ज़रिए दिखता है, इसलिए टैग और स्क्रिप्ट जैसा दिखने वाला इनपुट केवल टेक्स्ट माना जाता है।