✀

Generatore testo gradiente

Crea splendidi effetti di testo gradiente CSS. Personalizza colori, direzione e dimensione del carattere — visualizza l'anteprima in tempo reale e copia il codice CSS pronto all'uso.

Strumenti di generazione Funziona localmente Nessun dato inviato
gradienteCSSeffetto testogeneratore
56px
Testo gradiente

Che cos'è il Generatore testo gradiente?

Generatore testo gradiente applica un morbido gradiente multicolore al testo e genera CSS pronto all'uso. Visualizza l'effetto in anteprima live e copia direttamente la classe CSS nel tuo foglio di stile.

Come usare il Generatore testo gradiente

  1. Inserisci il testo e scegli i colori del gradiente.
  2. Seleziona una direzione e regola la dimensione del carattere.
  3. Copia il CSS e incollalo nel tuo foglio di stile.

Strumenti correlati

🌈
Generatore gradiente CSS
Genera gradienti di sfondo
🪟
Generatore box shadow CSS
Crea effetti box shadow a più livelli
🎨
Generatore combinazioni colori
Genera combinazioni di colori armoniose
Scopri di più▾
Come funziona il testo con gradiente CSS

Il testo con gradiente CSS utilizza background: linear-gradient(...) combinato con -webkit-background-clip: text e -webkit-text-fill-color: transparent. Questo ritaglia il gradiente sulla forma del testo, facendo apparire le lettere riempite con i colori del gradiente.

Domande frequenti
Funziona in tutti i browser?

Sì. Il prefisso -webkit è incluso per un'ampia compatibilità.