Jenereta ya Box Shadow

Buruta vitelezi ili kuunda box-shadow, weka tabaka kwa kina zaidi, na unakili CSS iliyokamilika papo hapo.

Tabaka za kivuli
Tabaka 1
CSS
Rekebisha vitelezi ili kuunda umbo la kivuli chako.

Kila kivuli kinatengenezwa kwenye kivinjari chako. Hakuna unachoweka hapa kinachopakiwa kwenye BroBroGo.

Maswali Yanayoulizwa Sana

Je, mchepuko, ufifishaji, na usambazaji vinadhibiti nini hasa?

Mchepuko (Offset) husogeza kivuli kushoto/kulia na juu/chini, ufifishaji (blur) hulainisha kingo zake, na usambazaji (spread) hukuza au kuupunguza kabla ya kufifisha. Usambazaji hasi huvuta kivuli ndani, jambo ambalo ni muhimu kwa kivuli chembamba na cha karibu.

Je, chaguo la inset linafanya kazi gani?

Kivuli cha kawaida huangukia nje ya elementi, kama mwanga nyuma ya kadi iliyonyanyuliwa. Chaguo la Inset hukigeuza ndani badala yake, ili elementi ionekane imebonyezeka — ni muhimu kwa sehemu za kuingiza data zilizobonyea au vitufe vilivyobonyezwa.

Kwa nini uweke tabaka zaidi ya moja la kivuli?

Kivuli kimoja kinaonekana bapa kikizidi saizi fulani. Mwinuko halisi kawaida huchanganya kivuli chembamba na cheusi pamoja na kivuli laini na kipana zaidi — ongeza tabaka la pili na urekebishe kila moja kivyake ili kupata athari hiyo.

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 GradientUnda gradient ya linear, radial, au conic, ongeza vituo vya rangi na uweke mwelekeo, kisha unakili CSS kwa mbofyo mmoja.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.