🌅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 हा अर्धा पारदर्शक रंग दर्शवतो.