Design
Generatore di gradienti CSS
Crea gradienti CSS visivamente.
Come usare
Scegli un preset o crea da zero: aggiungi stop di colore, trascina le posizioni, cambia tra lineare / radiale / conico. Copia il CSS o lo snippet di classi Tailwind.
FAQ
Quali tipi di gradiente sono supportati?
Lineare (qualsiasi angolo), radiale (cerchio dal centro) e conico (ruota cromatica). Ognuno supporta più stop colore con posizioni trascinabili.
Come usare i CSS?
Copia la riga background generata nel tuo foglio di stile oppure incollala in un valore arbitrario Tailwind come bg-[linear-gradient(...)].
Posso partire da una preimpostazione?
Sì — fai clic su una delle 12 preimpostazioni (tramonto, oceano, faretto radiale, arcobaleno conico e altre), quindi regola gli stop e gli angoli.
Ultimo aggiornamento: