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

linear, radial, conic में अंतर

CSS ग्रेडिएंट में रंग बदले के तरीका वाला तीन गो फंक्शन बाड़ें, सभे background प्रॉपर्टी में लिखल जाला।

• linear-gradient：linear-gradient एगो लीनियर ग्रेडिएंट बा, जेकरा में तय कइल कोण के सीधा रेखा के साथ रंग बदलेला।
• radial-gradient：radial-gradient एगो रेडियल ग्रेडिएंट बा, जेकरा में केंद्र पोजीशन से बाहर के ओर गोल चाहे अंडाकार आकार में रंग फइलेला।
• conic-gradient：conic-gradient एगो कोनिक ग्रेडिएंट बा, जेकरा में केंद्र पोजीशन के चारो ओर घड़ी के दिशा में एक चक्कर लगावत रंग बदलेला।

कोण आ दिशा वाला कीवर्ड के मेल

linear-gradient के कोण में 0deg नीचे से ऊपर के दिशा होला, आ संख्या बढ़ला पर घड़ी के दिशा में घूमेला। कोण "to right" जइसन दिशा वाला कीवर्ड से भी लिखल जा सकेला, जेकरा में 90deg "to right" के बराबर आ 180deg "to bottom" के बराबर होला।

कलर स्टॉप आ पारदर्शिता लिखे के तरीका

कलर स्टॉप के मतलब ग्रेडिएंट में ओह पोजीशन से बा जहाँ ऊ रंग बने लागेला, जेमे 0% शुरुआती बिंदु आ 100% अंतिम बिंदु होला। जइसे "#3B82F6 0%, #8B5CF6 100%" के मतलब शुरुआती नीला से अंतिम बैंगनी रंग में बदलाव बा।

• #RRGGBB फॉर्मेट：#RRGGBB फॉर्मेट में लाल, हरियर, नीला के तीव्रता के दू-दू अंक के हेक्साडेसिमल में लिखल जाला, #FF0000 के मतलब अपारदर्शी लाल रंग होला।
• rgba फॉर्मेट：rgba फॉर्मेट में लाल, हरियर, नीला के मान (0 से 255) के साथ पारदर्शिता (0 से 1) जोड़ल जाला, पारदर्शिता 0.5 के मतलब आधा पारदर्शी रंग होला।