इस टूल के बारे में
विज़ुअल एडिटर के साथ सुंदर सीएसएस रैखिक और रेडियल ग्रेडिएंट बनाएं। रंग चुनें, स्टॉप समायोजित करें, दिशा या कोण बदलें और वास्तविक समय में लाइव पूर्वावलोकन अपडेट देखें। जेनरेट किए गए सीएसएस कोड को कॉपी करें - पुराने ब्राउज़रों के लिए विक्रेता उपसर्गों सहित - और इसे सीधे अपनी स्टाइलशीट में पेस्ट करें।
अक्सर पूछे जाने वाले प्रश्न
- क्या CSS ग्रेडिएंट सभी ब्राउज़र में काम करते हैं?
- आधुनिक सीएसएस ग्रेडिएंट (लीनियर-ग्रेडिएंट, रेडियल-ग्रेडिएंट) क्रोम, फ़ायरफ़ॉक्स, सफारी और एज सहित सभी मौजूदा ब्राउज़रों में समर्थित हैं। उपकरण वैकल्पिक रूप से पुराने ब्राउज़र संस्करणों के लिए -वेबकिट- उपसर्ग उत्पन्न कर सकता है।
- क्या मैं बहु-रंगीय ग्रेडियेंट बना सकता हूँ?
- हाँ। जितनी आवश्यकता हो उतने रंग स्टॉप जोड़ें। आप रंगों के मिश्रण को नियंत्रित करने के लिए प्रत्येक स्टॉप की स्थिति को भी समायोजित कर सकते हैं। यह जटिल इंद्रधनुष, सूर्यास्त, या कस्टम ब्रांड ग्रेडिएंट की अनुमति देता है।
- रैखिक और रेडियल ग्रेडिएंट के बीच क्या अंतर है?
- रैखिक ग्रेडिएंट्स एक सीधी रेखा (ऊपर से नीचे, बाएं से दाएं, विकर्ण, या किसी भी कोण) के साथ रंगों को परिवर्तित करते हैं। रेडियल ग्रेडिएंट्स रंगों को एक केंद्र बिंदु से गोलाकार या अण्डाकार आकार में बाहर की ओर परिवर्तित करते हैं।
- क्या मैं टेक्स्ट के लिए पृष्ठभूमि के रूप में ग्रेडिएंट का उपयोग कर सकता हूँ?
- हाँ। टेक्स्ट में ग्रेडिएंट लागू करने के लिए -webkit-text-fill-color:transparent के साथ बैकग्राउंड-क्लिप: टेक्स्ट का उपयोग करें। उत्पन्न सीएसएस ग्रेडिएंट परिभाषा प्रदान करता है - इसे ग्रेडिएंट टेक्स्ट के लिए इन गुणों के साथ संयोजित करें।