आसानी से सुंदर सीएसएस टेक्स्ट ग्रेडिएंट बनाएं

अपनी वेबसाइट के लिए आश्चर्यजनक ग्रेडिएंट टेक्स्ट प्रभाव बनाएं

ग्रेडिएंट नियंत्रण

सीएसएस ग्रेडिएंट टेक्स्ट
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

लोकप्रिय ग्रेडिएंट

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
फलों का सलाद
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

इसका उपयोग कैसे करें:

1

अपना पाठ दर्ज करें

वह टेक्स्ट टाइप करें जिसे आप "टेक्स्ट" इनपुट फ़ील्ड में ग्रेडिएंट लागू करना चाहते हैं।

2

ग्रेडिएंट प्रकार चुनें

रैखिक, रेडियल, या शंकु ढाल प्रकारों के बीच चयन करें।

3

दिशा या कोण समायोजित करें

रैखिक ग्रेडिएंट के लिए, एक दिशा चुनें। शंकु ग्रेडिएंट के लिए, कोण सेट करें।

4

रंग अनुकूलित करें

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

5

सीएसएस कॉपी करें या सहेजें

उत्पन्न सीएसएस कोड को कॉपी करें या इसे अपनी परियोजनाओं में उपयोग करने के लिए सीएसएस फ़ाइल के रूप में सहेजें।

टेक्स्ट ग्रेडिएंट के बारे में

सीएसएस पाठ ग्रेडिएंट आपको सीधे पाठ पर सुंदर, बहु-रंगीन ग्रेडिएंट लागू करने की अनुमति देता है। यह प्रभाव एक बार केवल छवियों के साथ संभव था, लेकिन आधुनिक सीएसएस इसे सरल और कुशल बनाता है।

ब्राउज़र समर्थन:क्रोम, फ़ायरफ़ॉक्स, सफारी और एज सहित सभी आधुनिक ब्राउज़रों में टेक्स्ट ग्रेडिएंट समर्थित हैं। इंटरनेट एक्सप्लोरर जैसे पुराने ब्राउज़रों के लिए, पाठ एक ठोस रंग में वापस आ जाएगा।

उपयोग युक्तियाँ:पाठ ग्रेडिएंट बोल्ड पाठ और उच्च-कंट्रास्ट रंग संयोजनों के साथ श्रेष्ठ कार्य करते हैं. वांछित प्रभाव प्राप्त करने के लिए विभिन्न ढाल प्रकारों और दिशाओं के साथ प्रयोग करें।

Related Tools