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

लीनियर ग्रेडिएंट चुने गए एंगल पर एक सीधी रेखा के साथ रंगों को ट्रांज़िशन करता है (0° ऊपर की ओर, 90° दाईं ओर इशारा करता है)। रेडियल ग्रेडिएंट एक सेंटर पॉइंट से बाहर की ओर सर्कल या एलिप्स में रंगों को ट्रांज़िशन करता है। कॉनिक ग्रेडिएंट किसी सेंटर पॉइंट के चारों ओर, चुने गए एंगल से शुरू करके, कलर व्हील की तरह रंगों को घुमाता है। तीनों हर मॉडर्न ब्राउज़र में व्यापक रूप से सपोर्टेड हैं।

जितने चाहें, हर एक का अपना रंग और पोज़िशन (0-100%) होगा। पोज़िशन यह तय करती है कि ग्रेडिएंट में वह रंग कहाँ केंद्रित है, जिससे आप शार्प ट्रांज़िशन (पास-पास स्टॉप) या स्मूथ ब्लेंड (दूर-दूर स्टॉप) बना सकते हैं।

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

हाँ, जनरेट किया गया कोड background या background-image CSS प्रॉपर्टी के लिए एक वैलिड वैल्यू है। यह हर उस जगह काम करता है जहाँ बैकग्राउंड इमेज इस्तेमाल होती, यहां तक कि कॉमा-सेपरेटेड background-image लिस्ट के ज़रिए किसी असली इमेज के साथ लेयर करके भी।