የBorder Radius ጀነሬተር
እያንዳንዱን ማዕዘን በተንሸራታቾች ይክቡ፣ በኤሊፕቲካል ሁነታ ተፈጥሯዊ የblob ቅርጾችን ይስሩ፣ እና CSS ኮዱን ወዲያውኑ ይቅዱ።
እያንዳንዱ ማዕዘን የሚሳለው በቀጥታ በብሮውዘርዎ ላይ ነው። እዚህ የሚያዘጋጁት ማንኛውም ነገር ወደ BroBroGo አይሰቀልም።
በተደጋጋሚ የሚነሱ ጥያቄዎች
አራቱ ማዕዘኖች እና px ከ % ጋር እንዴት ይሰራሉ?
አራቱ ተንሸራታቾች በሰዓት አቅጣጫ ከላይ-ግራ፣ ከላይ-ቀኝ፣ ከታች-ቀኝ እና ከታች-ግራ ማዕዘኖች ጋር ይገናኛሉ። በፒክሰል (px) ሲሆን ማዕዘኑ በቋሚ መጠን ይከበባል፤ በፐርሰንት (%) ሲሆን ግን ከሳጥኑ አንጻር ይከበባል — አግድም ፐርሰንት ስፋቱን ሲከተል፣ አቀባዊ ፐርሰንት ደግሞ ከፍታውን ይከተላል፤ ስለዚህ 50% ካሬን ወደ ክብ ይቀይረዋል።
የኤሊፕቲካል (elliptical) ሁነታ ምን ይሰራል?
ሲጠፋ፣ እያንዳንዱ ማዕዘን አንድ ራዲየስ ያለው የክብ አራተኛ ክፍል ይሆናል። ሲያበሩት ግን እያንዳንዱ ማዕዘን የተለየ አግድም እና አቀባዊ ራዲየስ ያገኛል፤ ይህ ለስላሳ እና ተፈጥሯዊ የ"blob" ቅርጾችን ለመስራት ይጠቅማል። ጀነሬተሩ ባለ ሁለት እሴት ስላሽ (slash) ፎርማቱን ይጽፍልዎታል፣ ማዕዘኖቹ እንደገና ክብ ሲሆኑ ደግሞ ወደ አጭሩ ፎርማት ይመለሳል።
እንዴት ፍጹም ክብ ወይም የእንክብል ቅርጽ መስራት እችላለሁ?
ማዕዘኖቹን ያገናኙ፣ ወደ ፐርሰንት (%) ይቀይሩ እና 50% ያድርጉት፤ በዚህ ጊዜ ካሬው ወደ ክብ ይቀየራል። ለእንክብል ቅርጽ ቁልፍ (pill-shaped button) ግን በፒክሰል (px) ላይ በማድረግ አንዱን ማዕዘን ከቁልፉ ግማሽ ከፍታ በላይ ይጎትቱት — በዚህ ጊዜ ጎኖቹ በማንኛውም ስፋት ላይ ሙሉ በሙሉ ክብ ሆነው ይቆያሉ። የክብ (Circle) ቅድመ-ማስተካከያው የመጀመሪያውን አማራጭ በአንድ ጠቅታ ያዘጋጅልዎታል።