Esempio pratico
- Dati inseriti
Tipo: Lineare Primo colore: #336699 Secondo colore: #ffffff Angolo: 90- Risultato
linear-gradient(90deg, #336699 0%, #FFFFFF 100%)
Generatore gradienti CSS
Crea gradienti CSS lineari e radiali con due colori, angolo personalizzato e anteprima. Copia il codice o scarica un file CSS.
Risultato
Inserisci i dati e avvia lo strumento.
Contiamo quali strumenti sono più usati, senza includere nelle statistiche i valori inseriti o il contenuto dei file. Privacy
Come utilizzare lo strumento
- Imposta Primo colore / Secondo colore / Tipo / Angolo.
- Premi «Elabora», controlla il risultato e usa i pulsanti per copiarlo o scaricarlo.
Metodo e limiti
Scegli due colori HEX, il tipo e un angolo da 0 a 360 gradi. L’angolo si applica solo al gradiente lineare.
Esempio
#336699 + #CC6699 → linear-gradient(90deg, #336699 0%, #CC6699 100%)