CSS ग्रेडिएंट जेनरेटर: इस्तेमाल कैसे करें

संक्षिप्त उत्तर

CSS ग्रेडिएंट बनाने के लिए linear, radial या conic चुनें, color stops जोड़ें, उनकी पोज़िशन खींचें और एंगल सेट करें। background CSS कॉपी करें, जो बिना prefix के हर आधुनिक ब्राउज़र में काम करता है।

यह आपके ब्राउज़र में चलता है। जो आप डालते हैं वह अपलोड नहीं होता।

इस्तेमाल कैसे करें

अपना टेक्स्ट टूल में टाइप या पेस्ट करें।

ज़रूरी ऑप्शन चुनें।

नतीजा तुरंत अपडेट होता दिखेगा।

नतीजा कॉपी या डाउनलोड करें।

जो सीमाएँ मायने रखती हैं

क्या मुझे -webkit- prefix चाहिए? नहीं। बिना prefix वाले ग्रेडिएंट 2013 के बाद आए सभी ब्राउज़र में काम करते हैं।

रंगों के बीच सख्त किनारा कैसे बनाऊँ? एक ही पोज़िशन पर दो stops रखें, जैसे red 50%, blue 50%।