DevTulz Online

Generador de degradats CSS

Punts de color

Què és un degradat CSS?

Els degradats CSS us permeten mostrar transicions suaus entre dos o més colors sense utilitzar fitxers d'imatge. Venen en tres tipus: linear-gradient (al llarg d'una línia recta), radial-gradient (irradiant des d'un punt central) i conic-gradient (girant al voltant d'un punt central). Els degradats s'utilitzen per a fons, botons, superposicions i elements decoratius.

Com utilitzar el generador de degradats CSS

  1. Trieu un valor predefinit de les mostres o configureu el vostre propi degradat.

  2. Trieu el tipus de degradat: linear, radial o conic.

  3. Ajusteu l'angle (per a linear/conic) o la forma (per a radial).

  4. Editeu els punts de color: canvieu colors i posicions (0–100%).

  5. Afegiu o elimineu punts de color segons calgui.

  6. Copieu el CSS i enganxeu-lo al vostre full d'estils.

Keywords: generador de degradat CSS, degradat lineal, degradat radial, degradat cònic, generador de fons CSS, selector de color per a degradat, eina de degradat CSS