Crea Testo a Scorrimento

Genera effetti di testo moderni a scorrimento. Supporta scorrimento orizzontale e verticale.

Il tuo testo a scorrimento apparirà qui...

CSS moderno

Utilizza animazioni CSS per prestazioni fluide e accelerate dalla GPU.

Qualsiasi Direzione

Scorri il testo a sinistra, destra, in alto o in basso con controlli semplici.

Reattivo

Il codice generato è reattivo e funziona su tutti i dispositivi.

Prova questi esempi

Ticker di notizie

Un ticker di notizie a scorrimento orizzontale per i titoli.

Applica ora

Banner di Benvenuto

Un messaggio di benvenuto a scorrimento amichevole per il tuo sito.

Applica ora

Annuncio Verticale

Un annuncio a scorrimento verticale per le barre laterali.

Applica ora

Avviso Promozionale

Un testo promozionale rimbalzante per attirare l'attenzione dei visitatori.

Applica ora

Guida Definitiva: Creazione di Testo Scorrevole

I testi a scorrimento sono un elemento classico del web design utilizzato per visualizzare informazioni scorrevoli, ticker di notizie o annunci che catturano l'attenzione. Sebbene il tag <marquee> sia deprecato, le animazioni CSS moderne consentono un testo scorrevole fluido, accessibile e performante.

Buone Pratiche

  • Accessibilità: Consenti agli utenti di mettere in pausa l'animazione (ad esempio, al passaggio del mouse) per avere tempo di leggere.
  • Prestazione: Usa le trasformazioni CSS (translate3d) invece di modificare i valori left/top per animazioni più fluide a 60fps.
  • Leggibilità: Mantieni la velocità di scorrimento moderata. Troppo veloce è illeggibile; troppo lenta è noiosa.

Implementazione moderna

Il nostro strumento genera soluzioni CSS pure utilizzando @keyframes. Ciò garantisce la compatibilità con tutti i browser moderni senza fare affidamento su tag HTML obsoleti o librerie JavaScript pesanti.

Nota SEO

I motori di ricerca possono leggere il testo all'interno dei marquee CSS senza problemi. Tuttavia, assicurati che il contenuto sia pertinente alla tua pagina. Evita di nascondere contenuti cruciali in marquee veloci, poiché alcuni utenti potrebbero perderli.