Dhaliyaha Box Shadow

Jiid jiidadaha si aad u qaabayso box-shadow, isku dul radd lakabyo si aad u hesho qoto-dheer, oo si degdeg ah u koobiyeey CSS-ka dhammaaday.

Lakabyada hooska
Lakabka 1
CSS
Hagaaji jiidadaha si aad u qaabayso hooskaaga.

Hoos kasta waxaa lagu dhalshaa biraawsarkaaga. Waxba oo aad halkan ku dejiso looma soo gudbiyo BroBroGo.

Su'aalaha badanaa la isweydiiyo

Maxay dhab ahaantii xakameeyaan offset, blur, iyo spread?

Offset wuxuu hooska u dhaqaajiyaa bidix/midig iyo kor/hoos, blur wuxuu jilciyaa geesaha, spread-kuna wuxuu weyneeyaa ama yareeyaa hooska ka hor intaanan la blur-garayn. Spread taban (negative spread) wuxuu hooska u soo jiidaa gudaha, taas oo waxtar u leh hoos cidhiidhi ah oo dhow.

Muxuu qabtaa doorashada inset-ku?

Hooska caadiga ah wuxuu ku dhacaa bannaanka walbaha, sida iftiinka ka dambeeya kaadh kor loo qaaday. Inset wuxuu u rogaa gudaha beddelkeeda, si walbuhu u yeesho muuqaal hoos u riixan — aad u anfacaya sanduuqyada wax lagu qoro ee hoos u deggen ama badhamada la riixay.

Maxay tahay sababta la isugu dul raddo in ka badan hal lakab oo hoos ah?

Hoos keliya wuxuu u muuqdaa mid fidsan marka uu cabbir gaar ah dhafo. Sare u qaadista dhabta ah badanaa waxay isku dawaysaa hoos madow oo cidhiidhi ah iyo mid jilicsan oo ballaaran — ku dar lakab labaad oo mid kasta si gooni ah u hagaaji si aad u hesho saamayntaas.

Dhaliyaha CSS Cubic BezierJiid labada gacan si aad u qaabayso qalooca, daawo dhibic raacaysa marka la barbardhigo mid joogto ah, oo koobiyeey qiimaha cubic-bezier().Dhaliyaha GradientDhis gradient linear, radial, ama conic ah, ku dar istaagyada midabka oo dejiso jihada, ka dibna ku koobiyeey CSS-ka hal gujin.Dhaliyaha Border RadiusU wareeji gees kasta adigoo isticmaalaya jiidado, ku qaabeey qaabab dabiici ah habka elliptical-ka, oo si degdeg ah u koobiyeey CSS-ka.Dhaliyaha FlexboxU diyaari weel flex ah iyo walxihiisa adigoo isticmaalaya xakamaynta muuqaalka, daawo qaabka oo si toos ah u falcelinaya, oo ku koobiyeey CSS-ka hal gujin.Dhaliyaha CSS GridDejiso tiirarkaaga iyo safarkaaga, ku jiid unugyada dushooda si aad u dhigto walxaha, oo ku koobiyeey grid CSS-ka iyo HTML-ka u dhigma hal gujin.Xisaabiyaha CSS clamp()Geli cabbir loogu talagalay shaashadaha yaryar iyo kuwa waaweyn si aad u hesho qiimo dabiici ah oo clamp() ah oo si habsmooth ah ugu dhex miisaamaya — ee cabbirrada farta, padding, margins ama gaps.Beddelaha MidabkaU beddel midabada HEX, RGB, HSL, HSV, CMYK iyo LAB — wax ka beddel goob kasta oo inta kale ayaa cusboonaysiismaya markaad gasho.CSS Qurxiye & YareeyeDib u habee CSS-ka qasan si aad u akhrido, ama u yaree si aad u dirto — adoo adeegsanaya hab badbaado leh oo aan marna dib u habayn ku samaynayn xeerarkaaga.Hubiyaha Ka Duwanaanshaha (Contrast Checker)Geli midabka qoraalka iyo asalka si aad u aragto saamiga ka duwanaanshaha WCAG iyo heerarka AA iyo AAA ee uu baasay.