सामग्री पर जाएं

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

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

प्रीव्यू

नमूना पाठ

CSS आउटपुट

 

CSS text-shadow क्या है?

CSS प्रॉपर्टी text-shadow टेक्स्ट पर शैडो इफेक्ट जोड़ती है। box-shadow की तरह, आप कई शैडो को कॉमा से अलग करके गहराई और ग्लो इफेक्ट बना सकते हैं।

text-shadow सिंटैक्स

text-shadow: offset-x offset-y blur-radius color;
box-shadow के विपरीत, text-shadow spread या inset मानों का समर्थन नहीं करता।

डिज़ाइन टिप्स

सूक्ष्म शैडो (1-2px ऑफसेट, कम ओपैसिटी) बिना विचलित किए गहराई जोड़ते हैं। ग्लो इफेक्ट उच्च ब्लर और चमकीले रंग के साथ 0 ऑफसेट उपयोग करते हैं। कई लेयर नियॉन, रेट्रो या 3D टेक्स्ट इफेक्ट बना सकते हैं।

गोपनीयता

सभी टेक्स्ट शैडो जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।