Generatore di Gradienti CSS
Scegli due colori, lineare o radiale e l’angolo. Guarda l’anteprima del gradiente e copia il CSS.
Come funziona
- 1
Scegli due colori
Codici HEX di inizio e fine.
- 2
Scegli tipo e angolo
Lineare con qualsiasi angolo, o radiale.
- 3
Copia il CSS
Incollalo nel tuo foglio di stile.
Strumenti correlati
Gli strumenti che si usano subito dopo questo.
Fatto per non intralciare
487
Strumenti disponibili
6
Lingue
0
Filigrane aggiunte
2h
Prima che i file siano cancellati
100%
Gratis per iniziare
∞
Dispositivi supportati
Domande frequenti
0deg va dal basso verso l’alto, 90deg da sinistra a destra, 180deg dall’alto verso il basso.
Gradienti senza tirare a indovinare
I gradienti CSS sostituiscono le immagini di sfondo con una sola riga di codice: si caricano in fretta, restano nitidi su qualsiasi schermo e si cambiano facilmente. I lineari seguono un angolo (90deg va da sinistra a destra); i radiali si espandono dal centro.
Lo strumento mostra un’anteprima dal vivo e genera la dichiarazione background, da incollare direttamente nel tuo CSS. Nulla viene caricato.