सहजतेने सुंदर CSS टेक्स्ट ग्रेडियंट तयार करा
तुमच्या वेबसाइटसाठी जबरदस्त ग्रेडियंट टेक्स्ट इफेक्ट्स तयार करा
ग्रेडियंट नियंत्रणे
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
लोकप्रिय ग्रेडियंट्स
कसे वापरायचे
तुमचा मजकूर एंटर करा
"टेक्स्ट" इनपुट फील्डमध्ये तुम्हाला ज्या मजकुरावर ग्रेडियंट लागू करायचा आहे तो टाइप करा.
ग्रेडियंट प्रकार निवडा
लिनियर, रेडियल किंवा कॉनिक ग्रेडियंट प्रकारांमधून निवडा.
दिशा किंवा कोन समायोजित करा
रेषीय ग्रेडियंटसाठी, दिशा निवडा. शंकूच्या आकाराच्या ग्रेडियंटसाठी, कोन सेट करा.
रंग सानुकूलित करा
तुमचा इच्छित ग्रेडियंट तयार करण्यासाठी रंग थांबे आणि त्यांची स्थिती जोडा, काढा किंवा समायोजित करा.
CSS कॉपी करा किंवा सेव्ह करा
जनरेट केलेला CSS कोड कॉपी करा किंवा तुमच्या प्रोजेक्टमध्ये वापरण्यासाठी तो CSS फाइल म्हणून सेव्ह करा.
टेक्स्ट ग्रेडियंट्स बद्दल
CSS टेक्स्ट ग्रेडियंट्स तुम्हाला सुंदर, बहु-रंगीत ग्रेडियंट्स थेट मजकुरावर लागू करण्याची परवानगी देतात. हा प्रभाव एकेकाळी फक्त प्रतिमांसह शक्य होता, परंतु आधुनिक CSS ते सोपे आणि कार्यक्षम बनवते.
ब्राउझर सपोर्ट:क्रोम, फायरफॉक्स, सफारी आणि एजसह सर्व आधुनिक ब्राउझरमध्ये टेक्स्ट ग्रेडियंट्स समर्थित आहेत. इंटरनेट एक्सप्लोरर सारख्या जुन्या ब्राउझरसाठी, टेक्स्ट पुन्हा एका ठोस रंगात येईल.
वापराच्या सूचना:ठळक मजकूर आणि उच्च-कॉन्ट्रास्ट रंग संयोजनांसह मजकूर ग्रेडियंट सर्वोत्तम काम करतात. इच्छित परिणाम साध्य करण्यासाठी वेगवेगळ्या ग्रेडियंट प्रकार आणि दिशानिर्देशांसह प्रयोग करा.
Related Tools
स्टायलस ते सीएसएस कन्व्हर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
SCSS ते CSS कनवर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
बेस६४ ते इमेज कन्व्हर्टर
वेब डेव्हलपमेंट आणि डेटा व्हिज्युअलायझेशनसाठी बेस६४ स्ट्रिंग्सना इमेजेसमध्ये परत रूपांतरित करा.
कोणत्याही उद्देशासाठी यादृच्छिक शब्द तयार करा
सानुकूल लांबी, जटिलता आणि स्वरूपण पर्यायांसह यादृच्छिक शब्द तयार करा.
हेक्स ते ऑक्टल
हेक्साडेसिमल संख्यांना सहजतेने ऑक्टलमध्ये रूपांतरित करा