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

CSS ग्रेडियेंट बैकग्राउंड विज़ुअली जनरेट करें

कलर स्टॉप्स जोड़ें, एंगल एडजस्ट करें और लीनियर/रेडियल मोड के बीच स्विच करें। प्रीव्यू और CSS आउटपुट तुरंत अपडेट होते हैं। background प्रॉपर्टी एक क्लिक में कॉपी करें। सब कुछ लोकल में चलता है — कोई अपलोड नहीं।

कलर स्टॉप्स में वैकल्पिक प्रतिशत स्थिति शामिल हो सकती है। खाली छोड़ने पर ब्राउज़र समान रूप से वितरित करता है। एंगल 0 से 360 डिग्री के बीच लीनियर ग्रेडियेंट को घुमाता है।

सामान्य प्रश्न

लीनियर और रेडियल में क्या फ़र्क है? लीनियर रंगों को सीधी रेखा में बदलता है, रेडियल केंद्र से वृत्त में।

नामित रंग या rgba इस्तेमाल कर सकते हैं? हाँ — कोई भी वैध CSS रंग मान स्वीकार्य है।