CSS ग्रेडिएंट जनरेटर
ग्रेडिएंट विज़ुअल रूप से बनाएँ और CSS कॉपी करें।
दो रंगों, एक कोण और एक स्टॉप स्थिति के साथ लाइनर या रेडियल ग्रेडिएंट बनाएँ। समायोजन करते समय लाइव पूर्वावलोकन देखें और तैयार CSS घोषणा कॉपी करें।
135°
100%
आरंभ रंग
अंतिम रंग
background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);ग्रेडिएंट कैसे बनाएँ
- ग्रेडिएंट प्रकार के रूप में लाइनर या रेडियल चुनें।
- रंग चयनकों से अपने दो रंग चुनें।
- स्लाइडर से कोण और स्टॉप स्थिति समायोजित करें।
- बनाया गया CSS कॉपी करें और अपनी स्टाइलशीट में चिपकाएँ।
अक्सर पूछे जाने वाले प्रश्न
लाइनर और रेडियल में क्या अंतर है?
लाइनर ग्रेडिएंट सीधी रेखा पर एक दिशा में बहता है, जबकि रेडियल केंद्र बिंदु से बाहर फैलता है।
क्या आउटपुट को इनलाइन स्टाइल में इस्तेमाल कर सकते हैं?
हाँ। background घोषणा को किसी भी CSS नियम या style एट्रिब्यूट में कॉपी करें।
क्या रंग मेरे ब्राउज़र से बाहर जाते हैं?
नहीं। जनरेटर पूरी तरह आपके डिवाइस पर चलता है, कोई अपलोड नहीं।