🌅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 आधा पारदर्शी रंग दर्शाबैत अछि।