Perché `<marquee>` è stato deprecato?
`<marquee>` non rispetta le pratiche moderne su accessibilità e manutenzione. Con le animazioni CSS hai controllo completo e comportamento prevedibile.
Alternativa CSS moderna
L'approccio standard usa `@keyframes` + `animation` in un contenitore `overflow: hidden`. Puoi gestire tempi, direzione e preferenze reduced-motion in modo pulito.
Snippet HTML/CSS testo scorrevole
Copialo per sostituire rapidamente un vecchio marquee.
<div class="marquee-wrap">
<p class="marquee-text">Your scrolling text goes here</p>
</div>
<style>
.marquee-wrap {
width: 100%;
overflow: hidden;
white-space: nowrap;
background: #111;
color: #fff;
padding: 8px 0;
}
.marquee-text {
display: inline-block;
padding-left: 100%;
animation: marquee 12s linear infinite;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>Quando conviene usare il generatore
Quando servono anteprima precisa, export trasparente, crediti lunghi, prospettiva o codice embed riutilizzabile.