Generatore di gradienti CSS
Genera dichiarazioni di gradienti lineari e radiali CSS con colori e angoli personalizzati.
Generatore di gradienti CSS
Un generatore di gradienti CSS crea dichiarazioni di gradienti di sfondo in pochi secondi. I gradienti lineari scorrono in un'unica direzione, perfetti per sfondi discreti o sovrapposizioni accattivanti. Le sfumature radiali emanano da un punto centrale, ideali per effetti riflettori o transizioni di colore uniformi. Scegli il tipo di gradiente, imposta l'angolo per i gradienti lineari (0-360 gradi) e scegli due colori: funzionano tutti i codici esadecimali, RGB, RGBA o i colori con nome. Lo strumento genera una proprietà di sfondo CSS completa pronta per essere incollata nel tuo foglio di stile.
I gradienti sono uno degli elementi di design più versatili nei moderni CSS. Riducono le dimensioni del file rispetto agli sfondi delle immagini, si ridimensionano all'infinito e si animano in modo fluido nei browser. L'anteprima dal vivo mostra esattamente come appare la sfumatura mentre regoli colori e angoli. Copia l'output e applicalo a qualsiasi elemento: uno sfondo di pagina, un pulsante, una sezione di un eroe o una sovrapposizione di carte.
Tutto viene eseguito nel tuo browser, quindi le tue scelte di colore e le impostazioni rimangono private. Nessun dato viene inviato da nessuna parte. Lo strumento funziona anche offline, quindi puoi generare sfumature ovunque e in qualsiasi momento. Che tu stia progettando un sito Web, prototipando un'app o semplicemente sperimentando combinazioni di colori, questo generatore accelera il tuo flusso di lavoro. Modifica l'angolazione, scambia i colori e visualizza immediatamente l'aggiornamento CSS.