Warum wurde `<marquee>` abgelöst?
`<marquee>` passt nicht zu modernen Standards für Semantik, Barrierefreiheit und Wartbarkeit. CSS-Animationen geben volle Kontrolle und sind langfristig stabiler.
Moderne CSS-Alternative
Typisch sind `@keyframes` + `animation` innerhalb eines `overflow: hidden` Containers. Damit steuern Sie Timing, Richtung und reduced-motion sauber.
Reines HTML/CSS Lauftext-Snippet
Direkt kopierbar als Ersatz für alte marquee-Lösungen.
<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>Wann der Generator die bessere Wahl ist
Wenn Sie exakte Vorschau, transparente Exporte, lange Credits, Perspektiv-Modi oder wiederverwendbaren Embed-Code brauchen.