Generatore Gradienti CSS
Genera gradienti CSS con un editor visivo.
Direzione
CSS:
Advertisement
Crea splendidi gradienti CSS visivamente. Regola colori e angoli, quindi copia il codice CSS generato lato client.
Come si usa
- Scegli una direzione, oppure passa al gradiente radiale.
- Imposta i colori e aggiungi altri punti se ti servono.
- Copia il CSS generato direttamente nel tuo foglio di stile.
Domande frequenti
Che CSS produce?
Valori standard linear-gradient() e radial-gradient(), supportati da tutti i browser attuali senza bisogno di prefissi.
Quanti colori posso usare?
Quanti vuoi, ma di solito due o tre rendono meglio. Sequenze lunghe di colori tendono a diventare fangose nei punti di passaggio.
Perché il gradiente diventa grigio al centro?
Perché due tinte opposte si incontrano passando per un punto desaturato. Scegli colori più vicini sulla ruota cromatica, o aggiungi un punto intermedio per guidare la transizione.