Jenereta ya Gradient

Unda gradient ya linear, radial, au conic, ongeza vituo vya rangi na uweke mwelekeo, kisha unakili CSS kwa mbofyo mmoja.

Aina ya gradient
Vituo vya rangi
CSS
Rekebisha vituo na mwelekeo ili kuunda gradient yako.

Kila gradient inatengenezwa moja kwa moja kwenye kivinjari chako. Hakuna unachoingiza hapa kinachopakiwa kwenye BroBroGo.

Maswali Yanayoulizwa Sana

Kuna tofauti gani kati ya gradient za linear, radial na conic?

Gradient ya linear inachanganya rangi kando ya mstari ulionyooka unaoelekeza kwa pembe fulani. Gradient ya radial inazisambaza kuelekea nje kutoka katikati katika umbo la duara au duaradufu. Gradient ya conic inazizungusha katikati kama gurudumu la rangi.

Vituo vya rangi (color stops) ni nini?

Kila kituo cha rangi ni rangi iliyowekwa kwenye nafasi fulani kando ya gradient — 0% mwanzoni, 100% mwishoni. Sogeza kituo ili kubadilisha mahali ambapo rangi yake inafikia kilele, au ongeza vituo zaidi kwa mchanganyiko mzuri zaidi. Unaweza kutumia hadi vituo nane.

Je, ninadhibiti vipi mwelekeo?

Kwa gradient ya linear au conic, kitelezi cha pembe kinaweka mwelekeo — 0° inaelekea juu, 90° inaelekea kulia. Gradient ya radial haina pembe; chagua umbo la duara au duaradufu badala yake ili kubadilisha jinsi inavyosambaa.

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 Border RadiusFanya kila pembe kuwa ya mduara kwa vitelezi, unda maumbo asilia ya blob kwa njia ya duaradufu, na unakili CSS papo hapo.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.Kisafishaji na Kipunguzaji cha CSSPanga upya CSS iliyovurugika ili kuisoma, au ipunguze ili kuisambaza — ikiwa na hali salama ambayo haipangi upya sheria zako kamwe.Kikagua Utofautishaji wa RangiIngiza rangi ya maandishi na mandharinyuma ili kuona uwiano wa utofautishaji wa WCAG na viwango vya AA na AAA vinavyofaulu.