የGradient ጀነሬተር
linear, radial, ወይም conic gradient ይገንቡ፣ የቀለም ማቆሚያዎችን ይጨምሩ እና አቅጣጫውን ያስተካክሉ፣ ከዚያም CSS ኮዱን በአንድ ጠቅታ ይቅዱ።
ቅርጽ
እያንዳንዱ gradient የሚሳለው በቀጥታ በብሮውዘርዎ ላይ ነው። እዚህ የሚያዘጋጁት ማንኛውም ነገር ወደ BroBroGo አይሰቀልም።
በተደጋጋሚ የሚነሱ ጥያቄዎች
በlinear፣ radial እና conic gradients መካከል ያለው ልዩነት ምንድን ነው?
Linear gradient ቀለሞችን በአንግል በሚመሩት ቀጥተኛ መስመር ላይ ያዋህዳል። Radial gradient ቀለሞቹን ከመሃል ወደ ውጭ በክብ ወይም በኤሊፕስ ቅርጽ ያሰፋቸዋል። Conic gradient ደግሞ ቀለሞቹን እንደ ቀለም ጎማ በመሃል ዙሪያ ያሽከረክራቸዋል።
የቀለም ማቆሚያዎች (color stops) ምንድን ናቸው?
እያንዳንዱ የቀለም ማቆሚያ (color stop) በgradient መስመር ላይ የተወሰነ ቦታ ላይ የሚቀመጥ ቀለም ነው — 0% በመጀመሪያው ላይ፣ 100% በመጨረሻው ላይ። የቀለሙን ከፍተኛ ቦታ ለመቀየር ማቆሚያውን ያንቀሳቅሱት፣ ወይም ለበለጠ የቀለም ውህደት ተጨማሪ ማቆሚያዎችን ይጨምሩ። እስከ ስምንት ማቆሚያዎችን መጠቀም ይችላሉ።
አቅጣጫውን እንዴት እቆጣጠራለሁ?
ለlinear ወይም conic gradient፣ የአንግል ተንሸራታቹ አቅጣጫውን ይወስናል — 0° ወደ ላይ ሲያመለክት፣ 90° ደግሞ ወደ ቀኝ ያመለክታል። Radial gradient አንግል የለውም፤ ይልቁንስ እንዴት እንደሚሰፋ ለመቀየር የክብ (circle) ወይም የኤሊፕስ (ellipse) ቅርጽ ይምረጡ።