श्रेणी: डेवलपर टूल
CSS टेक्स्ट शैडो जेनरेटर
कई text-shadow परतें बनाएँ और CSS कॉपी करें
ऑफ़सेट, ब्लर, रंग और अपारदर्शिता सेट करें, और उसी एक आधार से बना मल्टी-लेयर text-shadow डिक्लेरेशन पाएँ, साथ में लाइव पूर्वावलोकन और तैयार CSS के लिए कॉपी बटन।
शैडो पूर्वावलोकन
text-shadow: 1px 1px 2px rgba(23, 33, 28, 0.5), 1px 1px 4px rgba(23, 33, 28, 0.39), 2px 2px 6px rgba(23, 33, 28, 0.28);
इस पेज पर सब कुछ आपके ब्राउज़र में संसाधित होता है। कुछ भी अपलोड नहीं होता।
यह टूल क्या करता है
अकेला text-shadow सपाट, तीखे किनारे वाली रूपरेखा जैसा दिखता है, जबकि मुलायम चमक या परत-दर-परत ड्रॉप-शैडो प्रभाव के लिए कई परतें चाहिए जो ऑफ़सेट और ब्लर में सिकुड़ें और अपारदर्शिता में धुँधली होती जाएँ। यह टूल आपके सेट किए आधार ऑफ़सेट, ब्लर, रंग और अपारदर्शिता से वह पूरी परत-श्रृंखला निकालता है, ठीक वही लेयरिंग तकनीक जो box-shadow लेयर जेनरेटर इस्तेमाल करता है, ताकि आपको कई कॉमा-सेपरेटेड शैडो हाथ से लिखने के बजाय केवल एक शैडो के बारे में सोचना पड़े।
इस्तेमाल कैसे करें
- कितनी परतें बनानी हैं और आधार ऑफ़सेट व ब्लर सेट करें।
- एक रंग और अपारदर्शिता चुनें।
- लाइव पूर्वावलोकन देखें, फिर text-shadow डिक्लेरेशन कॉपी करें।
निजता
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड, सेव या साझा नहीं होता — टैब बंद करते ही वह हट जाता है।
अक्सर पूछे जाने वाले सवाल
- परतें जोड़ने से शैडो मुलायम क्यों हो जाता है?
- हर अतिरिक्त परत टेक्स्ट की ओर छोटी होती जाती है और साथ ही अपारदर्शिता में धुँधली होती जाती है, इसलिए सारी परतें मिलकर एक तीखे किनारे वाली कॉपी के बजाय शैडो की मुलायम ग्रेडिएंट जैसी दिखती हैं।
- क्या कुछ सर्वर पर भेजा जाता है?
- नहीं। डिक्लेरेशन आपके सेट किए मानों से पेज में ही निकाला जाता है, इसीलिए पूर्वावलोकन तुरंत अपडेट होता है।
- क्या मैं इसे नियॉन या ग्लो इफ़ेक्ट के लिए इस्तेमाल कर सकता हूँ?
- हाँ। बड़े ब्लर और कई परतों वाला चमकीला रंग ग्लो जैसा दिखता है; छोटे ऑफ़सेट और कम ब्लर वाला गहरा रंग इसके बजाय एक हल्का गहराई वाला शैडो जैसा दिखता है।