Generator für Lauftext

Erstelle horizontalen oder vertikalen Lauftext, prüfe die Bewegung und exportiere kopierbares HTML/CSS.

Text und Einstellungen
Richtung
Ausgabe
Warten auf Eingabe oder Beispiel.
Vorschau
Auch ohne Vorschau kannst du den folgenden HTML/CSS-Code kopieren.
Textzeilen
0
Sekunden pro Durchlauf
0
Schriftgröße
0
Innenabstand
0

Mehr erfahren

Verwendung

Gib den Text ein, wähle Richtung und Darstellung und prüfe die Bewegung, bevor du HTML/CSS kopierst oder herunterlädst.

Methode und Grenzen

Der Text wird vor der Vorschau maskiert; das exportierte CSS verwendet translateX oder translateY mit einer prefers-reduced-motion-Alternative.

Häufig gestellte Fragen
Wie lasse ich den Text schneller laufen?

Verkürze die Durchlaufdauer. Sie gibt die Sekunden für eine vollständige Bewegung an.

Können mehrere Zeilen vertikal laufen?

Ja. Wähle oben oder unten; die Zeilen bewegen sich gemeinsam als ein Inhaltsblock.

Was passiert bei aktivierter reduzierter Bewegung?

Vorschau und exportierter Code enthalten eine prefers-reduced-motion-Alternative, die die dauerhafte Bewegung auf Wunsch stoppt.

Datenschutz und Referenzen

Der Text wird in diesem Browser verarbeitet und nicht hochgeladen.

Lauftext sollte nicht die einzige Darstellung wichtiger Informationen sein. Biete eine statische Alternative und berücksichtige reduzierte Bewegung.

MDN: Text- und Animations-APIs des Browsers