Soo Saaraha CSS Gradient oo Bilaash ah

Sida Ay U Shaqeyso

Dhisaha isku-simka wuxuu ku dhisaa xarigyada CSS gradient toos ahaan biraawsarka — laybreri, server, soo shubid midna ma jiraan. Function gacan lagu qoray ayaa isku dhisa syntax-ka saxda ah ee linear-gradient, radial-gradient, ama conic-gradient midabkaaga iyo xagalka waqti dhabta ah, kadibna wuxuu u qaabeeyaa natiijada bartilmaameedka wax-soo-saarka aad dooratid.

1. 1
   Habeeyaha xarumaha iyo jihada

   Waxaad dejisaa u dhexeeya 2 iyo 6 xarumood oo midab ah adigoo isticmaalaya doorayaha midabka dabiiciga ah ee biraawsarka, kadibna waxaad booska ka dhigtaa xarun kasta xadhig 0–100% ah slider ah. Isku-sim iyo conic gradients, waxaad sidoo kale doorataa xagal (0–360°); radial gradients, waxaad doorataa qaabka (ellipse ama circle) iyo furaha cabbirka xakameeya inta gradient-ku fidiyo.
2. 2
   buildCss wuxuu isku dhisaa xariga gradient-ka

   Isbeddel kasta, function gudaha ah oo la yiraahdo buildCss ayaa isku darsanaya baaraheyaasha wicitaanka function-ka CSS saxda ah — tusaale linear-gradient(135deg, #0ea5e9 0%, #14b8a6 100%). Laybreri midna kuma lug lahan; xariggu waxaa lagu dhisaa qaab-caadi JavaScript template ah oo si toos ah looga soo qaatay array xarunta.
3. 3
   Fiiriye toos ah wuxuu ku sawiraa qaabka inline

   Xariga gradient-ka la isku dhisay waxaa si toos ah loo dabaqaa element div qaab background inline ah, sidaa darteed injineerka CSS-ka biraawsarku laftiisu wuxuu sawiraa fiiriyaha. Canvas ama sawir midna kuma lug lahan — waxaad aragtid waa dhab ahaan sifada CSS-ka la dabaqayo.
4. 4
   Wax-soo-saar diyaar-u-koobi ah oo afar qaabab ah

   Doorayaha qaabku wuxuu u beddelaa isla xariga gradient-ka CSS caadi ah (background: ...), block CSS-oo-leh-fallback-adag, fasal Tailwind qiime-arbitrary-value ah, ama qoraal doorsoome SCSS ah. Gujinta Koobi wuxuu ku qoraa wax-soo-saarka la doortay clipboard-ka via navigator.clipboard.writeText. Gradient-ka hadda waxaa sidoo kale lagu sumeeyay hash-ka URL-ka si aad u bookmark-gareyso ama u wadaagto.

Qalabka La Xiriira