Skip to main content

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

लाइव पूर्वावलोकन के साथ CSS text-shadow बनाएं। नियॉन, एम्बॉस और अन्य प्रीसेट सहित एकाधिक शैडो स्टैक करें।

प्रीसेट

टेक्स्ट सेटिंग्स

16px120px
#333333
#F1F5F9

शैडो लेयर

लेयर 1
#000000

पूर्वावलोकन

Shadow Text

जनरेट किया गया CSS

text-shadow: 2px 2px 4px #000000;

पूर्ण स्निपेट

.text-shadow-effect {
  color: #333333;
  font-size: 48px;
  font-family: sans-serif;
  text-shadow: 2px 2px 4px #000000;
}
इस टूल को शेयर करें
📖

उपयोग कैसे करें

Step 1

टेक्स्ट दर्ज करें

टेक्स्ट दर्ज करें

पूर्वावलोकन के लिए टेक्स्ट दर्ज करें

Step 2

पैरामीटर समायोजित करें

पैरामीटर समायोजित करें

ऑफ़सेट, ब्लर और रंग समायोजित करें

Step 3

कॉपी करें

कॉपी करें

उपयोग के लिए CSS कोड कॉपी करें

विशेषताएँ

लाइव पूर्वावलोकन

रियल-टाइम में टेक्स्ट शैडो प्रभाव देखें

एकाधिक शैडो

एकाधिक टेक्स्ट शैडो लेयर करें

प्रीसेट

नियॉन, एम्बॉस और अधिक जैसे प्रीसेट

FAQ

text-shadow टेक्स्ट अक्षरों पर लागू होता है, box-shadow तत्व बॉक्स पर।

🔗संबंधित टूल

🎨
डिज़ाइन टूल्स

रंग कोड कनवर्टर

HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।

🎨
डिज़ाइन टूल्स

रंग चयनकर्ता

कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।

🎨
डिज़ाइन टूल्स

इमेज रंग एक्सट्रैक्टर

इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।

🎯
डिज़ाइन टूल्स

इमेज औसत रंग पिकर

पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।

🌈
डिज़ाइन टूल्स

CSS ग्रेडिएंट जनरेटर

ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।

🔲
डिज़ाइन टूल्स

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

स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।