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

linear, radial, र conic को भिन्नता

CSS को ग्रेडियन्टमा रंग परिवर्तनको तरिका फरक हुने ३ वटा फलन हुन्छन्, र तिनै सबै background प्रॉपर्टीमा लेखेर प्रयोग गर्न सकिन्छन्।

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

कोण र दिशा कीवर्डको समन्वय

linear-gradient को कोण ०deg तल बाट माथि तिरको दिशा हो, र संख्या बढेसँगै घडीको दिशामा घुम्छ। कोण "to right" जस्तो दिशा कीवर्डमा पनि लेख्न सकिन्छ, र ९०deg "to right", १८०deg "to bottom" सँग समान दिशा हो।

रंग स्टप र पारदर्शिता लेख्ने तरिका

रंग स्टप (कलर स्टप) ग्रेडियन्टमा त्यो रंग बनाइएको स्थान हो, ०% सुरुवात, १००% अन्त प्रतिनिधित्व गर्छ। उदाहरणका लागि "#3B82F6 0%, #8B5CF6 100%" सुरुको नीलबाट अन्तको बैंगनीमा रंग परिवर्तनको निर्दिष्टता हो।

• #RRGGBB ढाँचा：#RRGGBB ढाँचा रातो, हरियो, नीलको शक्ति २ अङ्कको १६ आधारको सङ्ख्यामा प्रतिनिधित्व गर्ने रंग लेख्ने तरिका हो, र #FF0000 अपारदर्शी रातो प्रतिनिधित्व गर्छ।
• rgba ढाँचा：rgba ढाँचा रातो, हरियो, नीलको मान (०–२५५) मा पारदर्शिता (०–१) जोडेको रंग लेख्ने तरिका हो, र पारदर्शिता ०.५ आधा पारदर्शी रंग प्रतिनिधित्व गर्छ।