Jenereta ya Border Radius

Fanya kila pembe kuwa ya mduara kwa vitelezi, unda maumbo asilia ya blob kwa njia ya duaradufu, na unakili CSS papo hapo.

Vipimo vya Awali
Pembe
Pembe zote
24px
CSS
Buruta vitelezi ili kufanya pembe zako ziwe za mduara.

Kila pembe inachorwa moja kwa moja kwenye kivinjari chako. Hakuna unachoweka hapa kinachopakiwa kwenye BroBroGo.

Maswali Yanayoulizwa Sana

Je, pembe nne na tofauti kati ya px na % zinafanya kazi vipi?

Vitelezi vinne vinaendana, kuelekea upande wa saa, na pembe za juu-kushoto, juu-kulia, chini-kulia na chini-kushoto. Katika pikseli, pembe inakuwa ya mduara kwa kiasi maalum; katika asilimia, inakuwa ya mduara kulingana na kisanduku — asilimia ya mlalo inafuata upana na asilimia ya wima inafuata urefu, hivyo 50% hugeuza mraba kuwa duara.

Njia ya duaradufu (elliptical mode) inafanya kazi gani?

Ikiwa imezimwa, kila pembe ni robo duara yenye rediasi moja. Ikiwashwa, kila pembe inapata rediasi tofauti ya mlalo na wima, ambayo ndiyo njia ya kuunda maumbo laini na asilia ya "blob". Jenereta hii inakuandikia mfumo wa alama ya mkwaju wa thamani mbili na kurudi kwenye mfumo mfupi mara tu pembe zinapokuwa za mduara tena.

Je, ninatengenezaje duara kamili au umbo la kidonge?

Unganisha pembe, badilisha hadi asilimia na uweke 50%: mraba unakuwa duara kamili. Kwa kitufe cha umbo la kidonge, baki na saizi ya pikseli badala yake na uburute pembe kupita nusu ya urefu wa kitufe — pande zitabaki na mduara kamili kwa upana wowote. Chaguo la awali la Duara (Circle) huweka hali ya kwanza kwa mbofyo mmoja tu.

Jenereta ya CSS Cubic BezierBuruta mishiko miwili ili kuunda mkondo wa easing, tazama nukta inavyosafiri kulingana na ile thabiti, na unakili thamani ya cubic-bezier().Jenereta ya Box ShadowBuruta vitelezi ili kuunda box-shadow, weka tabaka kwa kina zaidi, na unakili CSS iliyokamilika papo hapo.Jenereta ya GradientUnda gradient ya linear, radial, au conic, ongeza vituo vya rangi na uweke mwelekeo, kisha unakili CSS kwa mbofyo mmoja.Jenereta ya FlexboxWeka chombo cha flex na vipengele vyake kwa vidhibiti vya macho, tazama mpangilio unavyobadilika moja kwa moja, na unakili CSS kwa mbofyo mmoja.Jenereta ya CSS GridWeka safuwima na safu mlalo zako, buruta kwenye seli ili kuweka vipengele, na unakili CSS ya gridi pamoja na HTML inayolingana kwa mbofyo mmoja.Kikokotoo cha CSS clamp()Ingiza saizi ya skrini ndogo na kubwa na upate thamani ya clamp() inayobadilika vizuri katikati yake — kwa ajili ya saizi za fonti, padding, margin au gap.Kigeuzi cha RangiBadilisha rangi kati ya HEX, RGB, HSL, HSV, CMYK na LAB — hariri sehemu yoyote na nyingine zitasasishwa unapoendelea.