Generatore di Gradienti CSS Gratuito
Crea gradienti CSS lineari e radiali visivamente, visualizzali istantaneamente e copia il codice CSS generato.
Generatore di Gradienti CSS crea gradienti lineari o radiali con angolo regolabile e fino a tre color stop, con anteprima dal vivo e copia in un clic della regola CSS generata. Include preset pronti (Sunset, Ocean, Purple Glow, Soft Gray) e scorciatoie di direzione. Tutto nel tuo browser — nessun caricamento, nessuna registrazione, nessun account. Realizzato da FreeToolHub.
Tipo di gradiente
Anteprima
Output CSS
background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
Preset rapidi
Crea bellissimi gradienti CSS per siti web, pulsanti, sfondi ed elementi UI.
Domande Frequenti
Cos'è un gradiente CSS?
Un gradiente CSS è una transizione fluida tra due o più colori definita interamente in CSS, senza file di immagine. I gradienti possono essere applicati a qualsiasi elemento come sfondo.
Qual è la differenza tra gradienti lineari e radiali?
Un gradiente lineare fa passare i colori lungo una linea retta a un angolo specificato. Un gradiente radiale fa passare i colori verso l'esterno da un punto centrale in forma circolare o ellittica.
Posso copiare il CSS generato?
Sì. Fai clic su «Copia CSS» per copiare solo il frammento CSS negli appunti. Puoi incollarlo direttamente nel tuo foglio di stile.
Quanti stop colore posso usare?
Questo generatore supporta fino a 3 stop colore. Ogni stop ha un colore e una posizione da 0 % a 100 %.
Questo strumento salva le mie impostazioni?
No. Tutte le impostazioni del gradiente sono locali alla sessione del browser. Nulla viene salvato o inviato a qualsiasi server.
Questo generatore è gratuito?
Sì. Il Generatore di Gradienti CSS è completamente gratuito senza registrazione e senza limiti.