Design
Generatore gradiente CSS
Crea splendidi gradienti CSS all'istante. Copia il codice con un clic.
Inserimento
Configura tipo di gradiente, colori, angolo e preset.
135°
Preset
Usa un preset come base e poi rifinisci colori e angolo.
Risultato
background: linear-gradient(135deg, #6366f1, #ec4899);Domande frequenti
Quali tipi di gradienti CSS esistono?
CSS supporta tre tipi di gradiente: linear-gradient (linea retta tra colori), radial-gradient (circolare o ellittico da un punto centrale) e conic-gradient (rotazione attorno a un punto come una ruota dei colori). Ognuno serve scopi di design diversi.
Come applico un gradiente come sfondo CSS?
Usa la proprietà background o background-image: background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Copia il codice generato da questo strumento e incollalo direttamente nel tuo file CSS o nell'attributo style.
Perché il mio gradiente appare diverso nei vari browser?
I browser moderni (Chrome, Firefox, Safari, Edge) supportano tutti i gradienti CSS standard. Le differenze visive derivano solitamente dal rendering dello spazio colore o dalla calibrazione del monitor. Evita la sintassi deprecata con prefisso vendor come -webkit-linear-gradient — usa la forma standard.