DevTulz Online

CSS Gradient Generator

Mga color stop

Ano ang CSS Gradient?

Ang mga CSS gradient ay nagpapahintulot sa iyo na magpakita ng maayos na paglipat sa pagitan ng dalawa o higit pang kulay nang hindi gumagamit ng mga file ng larawan. Mayroong tatlong uri: linear-gradient (sa kahabaan ng tuwid na linya), radial-gradient (nagmumula sa isang gitnang punto), at conic-gradient (umiikot sa paligid ng isang gitnang punto). Ang mga gradient ay ginagamit para sa mga background, button, overlay, at mga dekoratibong elemento.

Paano Gamitin ang CSS Gradient Generator

  1. Pumili ng preset mula sa mga swatch o i-configure ang iyong sariling gradient.

  2. Piliin ang uri ng gradient: linear, radial, o conic.

  3. I-adjust ang anggulo (para sa linear/conic) o hugis (para sa radial).

  4. I-edit ang mga color stop — baguhin ang mga kulay at posisyon (0–100%).

  5. Magdagdag o mag-alis ng mga color stop kung kinakailangan.

  6. Kopyahin ang CSS at i-paste ito sa iyong stylesheet.

Keywords: CSS gradient generator, linear gradient, radial gradient, conic gradient, CSS background generator, tagapili ng kulay ng gradient, CSS gradient tool