टेक्स्ट शैडो जनरेटर
CSS Text Shadow Generator लाइव प्रीव्यू के साथ text-shadow का offset, blur, color और opacity सेट करता है और glow, outline और 3D text effects के लिए कई shadow layers जोड़ने देता है।
इस टूल के बारे में
CSS Text Shadow Generator लाइव प्रीव्यू के साथ text-shadow का offset, blur, color और opacity सेट करता है और glow, outline और 3D text effects के लिए कई shadow layers जोड़ने देता है।
इस्तेमाल कैसे करें
- horizontal और vertical offset और blur एडजस्ट करें।
- shadow का रंग और opacity चुनें, साथ में टेक्स्ट का रंग और साइज़।
- एक और shadow जोड़ने के लिए Add Layer पर क्लिक करें; Reset Layers से फिर से शुरू करें।
- Copy CSS पर क्लिक करें।
जानने योग्य बातें
- text-shadow का सिंटैक्स है: offset-x offset-y blur-radius color।
- box-shadow के विपरीत, text-shadow में spread value या inset keyword नहीं होता।
- कई shadows commas से अलग किए जाते हैं और पहला shadow सबसे ऊपर दिखता है।
- blur वाला zero-offset shadow glow effect बनाता है।
- कई 1 px offsets को परतों में लगाने से 3D या letterpress लुक बनता है।
पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।
अक्सर पूछे जाने वाले सवाल
CSS में टेक्स्ट पर shadow कैसे जोड़ें?
text-shadow इस्तेमाल करें, जैसे text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
चमकता हुआ (glowing) टेक्स्ट कैसे बनाएं?
blur और चमकीले रंग के साथ zero offsets इस्तेमाल करें, जैसे text-shadow: 0 0 8px #1db954; तेज़ glow के लिए layers जोड़ें।
क्या मैं एक से ज़्यादा text shadow इस्तेमाल कर सकता हूँ?
हाँ। shadows को commas से अलग करें; यह टूल हर layer आपके लिए जोड़ देता है।
क्या text-shadow पढ़ने में आसानी पर असर डालता है?
हल्की shadows इमेज पर टेक्स्ट को पढ़ने में आसान बना सकती हैं, लेकिन भारी shadows स्पष्टता घटाती हैं — contrast checker से contrast जाँचें।