🌅የ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» ጋር ተመሳሳይ አቅጣጫ ነው።

የቀለም ማቆሚያ ነጥቦችና ግልጽነት አጻጻፍ

የቀለም ማቆሚያ ነጥብ (color stop) ማለት በግራዲየንቱ ውስጥ ያ ቀለም የሚገኝበት ቦታ ሲሆን፣ 0% መነሻውን፣ 100% መድረሻውን ያመለክታል። ለምሳሌ «#3B82F6 0%, #8B5CF6 100%» ከመነሻ ሰማያዊ ወደ መድረሻ ወይን ጠጅ ቀለም የሚቀየርበት ዝርዝር ነው።

• #RRGGBB ቅርጸት：#RRGGBB ቅርጸት፣ የቀይ፣ አረንጓዴ እና ሰማያዊ ጥንካሬን በሁለት-ሁለት አሃዝ ባለ16 ቁጥር ሥርዓት የሚያሳይ የቀለም አጻጻፍ ነው፣ #FF0000 ግልጽነት የሌለው ቀይ ያመለክታል።
• rgba ቅርጸት：rgba ቅርጸት፣ የቀይ፣ አረንጓዴ እና ሰማያዊ ዋጋዎችን (0 እስከ 255) ከግልጽነት (0 እስከ 1) ጋር የሚያክል የቀለም አጻጻፍ ነው፣ ግልጽነት 0.5 ግማሽ ግልጽ ቀለም ያመለክታል።