CSS generatore di gradienti
Crea un gradiente CSS (lineare o radiale) con un'anteprima dal vivo e un codice pronto per la copia.
🔒 100 % lato client — nessun dato inviato
Genera un gradiente CSS lineare o radiale con un'anteprima dal vivo e copia il codice pronto all'uso direttamente nel tuo foglio di stile. Regola colori, angolazione e interruzioni per creare sfondi moderni in pochi clic. Lo strumento funziona interamente nel tuo browser, senza registrazione e senza invio di dati.
FAQ
Come posso creare una sfumatura CSS?
Scegli il tipo (lineare o radiale), scegli i colori e l'angolo, quindi copia la proprietà dello sfondo generata nel tuo CSS.
Qual è la differenza tra gradiente lineare e gradiente radiale?
il gradiente lineare crea una transizione di colore lungo una linea retta (un angolo), mentre il gradiente radiale si irradia verso l'esterno da un punto centrale.
Una sfumatura può utilizzare più di due colori?
Sì, puoi aggiungere tutte le interruzioni di colore necessarie per creare sfumature multicolori.
Lo CSS generato è compatibile con tutti i browser?
Le proprietà gradiente lineare e gradiente radiale sono supportate da tutti i browser moderni senza prefissi.