CSS generatore di testo sfumato con anteprima dal vivo
Genera testo con una sfumatura di colore CSS (clip di sfondo), con un'anteprima, nel tuo browser.
Works in all modern browsers (-webkit- prefix included).
🔒 100 % lato client — nessun dato inviato
Crea testo con una sfumatura di colore e prendi CSS pronto per incollarlo nel tuo progetto. Scegli i colori, l'angolazione e visualizza l'anteprima del risultato in tempo reale. Lo strumento funziona al 100% nel tuo browser, senza registrazione e senza dati inviati.
What is it for?
- ▸ Evidenzia un titolo o un logo testuale su una pagina di destinazione
- ▸ Genera un gradiente del marchio coerente per un header
- ▸ Ottieni il codice CSS con i prefissi della clip di sfondo richiesti
- ▸ Prova rapidamente diverse combinazioni di colori e angolazioni
FAQ
Come posso applicare una sfumatura al testo in CSS?
Applica uno sfondo sfumato al testo, quindi utilizza background-clip: testo con colore: trasparente in modo che il gradiente sia visibile solo attraverso le lettere.
Il testo sfumato è compatibile con tutti i browser?
Sì sui browser moderni, a condizione che tu aggiunga il prefisso di testo -webkit- background-clip: per Chrome, Safari ed Edge. Lo strumento include questo prefisso automaticamente.
Il testo sfumato causa problemi di accessibilità?
Il testo rimane selezionabile e leggibile dagli screen reader, ma assicurati di mantenere un contrasto sufficiente tra i colori sfumati e lo sfondo.