DevTulz Online

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

रंग स्टॉप

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

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

CSS ग्रेडिएंट जनरेटर का उपयोग कैसे करें

  1. स्वॉच से एक प्रीसेट चुनें या अपना खुद का ग्रेडिएंट कॉन्फ़िगर करें।

  2. ग्रेडिएंट प्रकार चुनें: linear, radial या conic।

  3. कोण (linear/conic के लिए) या आकार (radial के लिए) समायोजित करें।

  4. रंग स्टॉप संपादित करें — रंग और स्थिति (0–100%) बदलें।

  5. आवश्यकतानुसार रंग स्टॉप जोड़ें या हटाएं।

  6. CSS कॉपी करें और अपनी स्टाइलशीट में पेस्ट करें।

Keywords: CSS ग्रेडिएंट जनरेटर, लीनियर ग्रेडिएंट, रेडियल ग्रेडिएंट, कोनिक ग्रेडिएंट, CSS बैकग्राउंड जनरेटर, ग्रेडिएंट रंग पिकर, CSS ग्रेडिएंट टूल