a11y.skipToMainContent
1

सीएसएस टेक्स्ट छाया जेनरेटर

क्राफ्ट सीएसएस पाठ छाया दृष्टि से - स्टैक परतें, प्रीसेट की कोशिश करें और साफ पाठ छाया सीएसएस कॉपी करें।.

px

Presets

Shadow layers

Preview

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use Text Shadow Generator

  1. अपने नमूना पाठ को टाइप करें और पूर्वावलोकन के लिए पाठ और पृष्ठभूमि रंग चुनें।.
  2. छाया परतें जोड़ें और प्रत्येक परत के एक्स, वाई, ब्लर, रंग और अल्फा को समायोजित करें।.
  3. या एक प्रीसेट पर क्लिक करें - नीयन, 3 डी, रूपरेखा, रेट्रो या फायर - एक तैयार परत सेट लोड करने के लिए।.
  4. सीएसएस को कॉपी करने के लिए अल्पविराम-अलग पाठ-शैडो घोषणा को पकड़ने के लिए क्लिक करें।.

पाठ छाया जनरेटर क्या है?

CSS text-shadow संपत्ति पाठ के पीछे एक या अधिक छाया जोड़ती है, प्रत्येक को X ऑफसेट, एक Y ऑफसेट, एक ब्लर त्रिज्या और एक रंग द्वारा परिभाषित किया जाता है। कई अल्पविराम-अलग छायाओं को स्टैक करके आप एक घोषणा से चमक, हार्ड 3 डी एक्सट्रूज़न, रूपरेखा और अन्य प्रभावों का निर्माण कर सकते हैं।

यह जनरेटर ऑफसेट, ब्लर और रंग अल्फा पर पूर्ण नियंत्रण के साथ हर छाया को अपनी परत देता है, साथ ही साथ नीयन चमक, लंबी 3D छाया, रूपरेखा, रेट्रो और आग के लिए एक-क्लिक प्रीसेट भी देता है। अपने पाठ और पृष्ठभूमि रंगों को संदर्भ में प्रभाव का पूर्वावलोकन करने के लिए चुनें, फिर अंतिम text-shadow CSS.

Advertisement

FAQ

मैं एकाधिक पाठ छाया कैसे स्टैक करूं?
प्रत्येक छाया को एक एकल टेक्स्ट-शैडो घोषणा के अंदर एक कॉमा के साथ अलग करें, उदाहरण के लिए टेक्स्ट-शैडो: 1px 1px 0 #000, 2px 2px 0 #555. ब्राउज़र उन्हें क्रम में पेंट करता है, इसलिए पहले छाया शीर्ष पर बैठते हैं। यह उपकरण बनाता है कि आप परतों जोड़ने के रूप में आप के लिए अल्पविराम सूची।.
क्या मैं एक चमकदार नीयन प्रभाव पैदा कर सकता हूं?
हाँ। एक नीयन चमक एक ही उज्ज्वल रंग की कई धुंधला छाया है जिसमें कोई ऑफसेट नहीं है, जो एक तंग आंतरिक चमक से एक चौड़ी बाहरी हलो तक खड़ी है। एक शुरुआती बिंदु के रूप में नियॉन चमक प्रीसेट का उपयोग करें, फिर स्वाद के लिए ब्लर और रंगों को ट्वीक करें।.
क्या पाठ-शैडो हर जगह समर्थित है?
हाँ। पाठ-शैडो को हर आधुनिक ब्राउज़र में बिना किसी विक्रेता उपसर्ग के समर्थित किया जाता है, जिसमें बहु-परत अल्पा-अलग छायाएं शामिल हैं।.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

← Back to Developer Tools · All tags

Last updated:

Advertisement