Generatore di gradienti CSS

360°
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Come usare Generatore di gradienti CSS

Scegli un tipo di gradiente. Aggiungi e regola i colori. Imposta l'angolo o la direzione. Anteprima in tempo reale. Copia il codice CSS.

Funzionalita

  • Gradienti lineari, radiali e conici
  • Fino a 6 colori con controllo posizione
  • Selettore angolo / direzione
  • Anteprima in tempo reale
  • Copia codice CSS con un clic
  • 100% lato client

Domande Frequenti

Quali tipi di gradienti sono supportati?

Lineari, radiali e conici. Ognuno può essere personalizzato con direzione/angolo, più colori e posizionamento.

Posso aggiungere più di due colori?

Sì. Aggiungi fino a 6 colori per creare gradienti complessi e multicolore.

Come uso il CSS generato?

Clicca il pulsante Copia. Incollalo nel tuo foglio di stile come proprietà background.

Strumenti Correlati