ग्रेडियंट नियंत्रणे
.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 मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
SCSS ते CSS कनवर्टर
तुमचा SCSS कोड CSS मध्ये रूपांतरित करा. जलद, सोपे आणि सुरक्षित.
CSS3 ट्रान्झिशन जनरेटर
गुळगुळीत अपारदर्शकता संक्रमण
HSV ते CMYK
प्रिंट डिझाइनसाठी HSV कलर कोड CMYK व्हॅल्यूजमध्ये रूपांतरित करा.
पँटोन ते सीएमवायके
प्रिंट डिझाइनसाठी पॅन्टोन रंगांना CMYK मूल्यांमध्ये रूपांतरित करा.
RGB ते HEX
वेब डिझाइनसाठी RGB रंग हेक्साडेसिमल मूल्यांमध्ये रूपांतरित करा.