Home / Codice / Generatore gradiente CSS
Generatore gradiente CSS
Crea un gradiente lineare e restituisce la regola CSS pronta.
Quando si usa
Quando devi realizzare sfondi per hero, pulsanti, banner o sezioni senza usare immagini.
Perche e utile
I gradienti CSS sono leggeri, responsive e facili da modificare.
Esempio pratico
Puoi creare un passaggio da viola a turchese con angolo di 135 gradi.
Nota: lo strumento lavora nel browser. Prima di usare il risultato in produzione, controllalo e adattalo al progetto reale.
Usa lo strumento
Primo colore
Secondo colore
background: linear-gradient(135deg, #6d28d9, #0f9f94);