Pourquoi `<marquee>` a été déprécié ?
`<marquee>` n'est pas adapté aux pratiques web modernes: contrôle limité, mauvaise accessibilité et faible maintenabilité. Les animations CSS offrent un contrôle propre et durable.
Alternative CSS moderne
Le schéma standard est `@keyframes` + `animation` dans un conteneur `overflow: hidden`. Vous contrôlez rythme, direction et adaptation aux préférences de mouvement réduit.
Snippet HTML/CSS de texte défilant
Copiez ce bloc pour remplacer un ancien 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>Quand utiliser le générateur plutôt que du CSS manuel
Le générateur est idéal pour preview exacte, export transparent, crédits longs, perspective et snippets embed réutilisables.