🔒 100% प्राइवेट — आपके ब्राउज़र में चलता है, कुछ भी अपलोड नहीं किया जाता

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

अपनी वेबसाइट के लिए सुंदर कस्टम ग्रेडिएंट्स डिज़ाइन करें और तुरंत CSS कोड कॉपी करें।

प्रकार

#8b5cf6
#3b82f6

इस टूल को एम्बेड करें

इस मुफ्त टूल को अपनी वेबसाइट पर एम्बेड करने के लिए नीचे दिए गए कोड को कॉपी करें।

CSS ग्रेडिएंट क्या है?

CSS ग्रेडिएंट्स आपको दो या अधिक निर्दिष्ट रंगों के बीच सहज ट्रांजिशन प्रदर्शित करने की अनुमति देते हैं। इमेज फ़ाइलों के बजाय CSS ग्रेडिएंट्स का उपयोग करके, आप उच्च-रिज़ॉल्यूशन डिस्प्ले पर स्पष्ट रेंडरिंग बनाए रखते हुए, अपनी वेबसाइट के लोड होने के समय और बैंडविड्थ उपयोग को काफी कम कर सकते हैं।

अक्सर पूछे जाने वाले प्रश्न

लीनियर और रेडियल ग्रेडिएंट्स के बीच क्या अंतर है?

A linear gradient एक सीधी रेखा के साथ रंगों को बदलता है (जिसे आप कोण बदलकर नियंत्रित कर सकते हैं)। A radial gradient एक केंद्रीय बिंदु से बाहर की ओर फैलते हुए रंगों का बदलाव।

क्या जनरेट किया गया CSS सभी ब्राउज़रों के साथ संगत है?

हाँ, मानक linear-gradient और radial-gradient इस टूल द्वारा जेनरेट किए गए फंक्शन्स क्रोम, सफारी, फ़ायरफ़ॉक्स और एज सहित सभी आधुनिक वेब ब्राउज़रों में पूरी तरह से समर्थित हैं।