Generatore di Gradienti CSS
Strumento per sviluppatoriNuovoProgetta gradienti CSS e copia il codice con un clic.
Questo strumento funziona interamente nel tuo browser. I tuoi file non lasciano mai il tuo dispositivo — non viene caricato niente.
Gradient
Used for linear gradients.
background: linear-gradient(90deg, #ff7a18 0%, #1d2330 100%);
Domande frequenti
Come uso il Generatore di Gradienti CSS?
Scegli un colore iniziale e uno finale, seleziona il tipo lineare o radiale e regola l'angolo in gradi. Il riquadro di anteprima si aggiorna dal vivo e mostra una dichiarazione 'background:' pronta da incollare che puoi copiare con un clic.
I miei dati vengono caricati da qualche parte quando genero un gradiente?
No. Tutto avviene interamente nel tuo browser con puro JavaScript: né i colori, né le impostazioni, né il CSS generato vengono mai inviati a un server. È completamente privato e funziona offline una volta caricata la pagina.
Qual è la differenza tra un gradiente lineare e uno radiale?
Un gradiente lineare mescola i colori lungo una linea retta la cui direzione controlli con l'angolo (per esempio, 90deg va da sinistra a destra). Un gradiente radiale mescola verso l'esterno da un punto centrale a cerchio, ed è per questo che il campo dell'angolo è disattivato per quel tipo.