- Plaza Mayor
- Por Centro y Estación
- Próxima: Museo
Línea nocturna · cada 12 min
LED-Zielanzeige eines Busses
Die Zielanzeige eines Nachtbusses: bernsteinfarbene LED-Punkte, die ruckartig von Zeile zu Zeile springen, wie im echten Bus.
Einstellungen
Code
<div class="uvq14-dmx"><div class="pn"><span class="no">27</span><div class="vw"><ul class="ln"><li>Plaza Mayor</li><li>Über Zentrum und Bahnhof</li><li>Nächster Halt: Museum</li><li aria-hidden="true">Plaza Mayor</li></ul></div></div><p class="cp"><i></i>Nachtlinie · alle 12 Min.</p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Bus- und Straßenbahnanzeigen zeigen Text als Raster leuchtender Punkte, und dieser Block erreicht denselben Look nur mit CSS: Eine Maske aus radialen Verläufen macht normale Schrift zu LEDs, die ausgeschalteten Punkte bleiben schwach dahinter sichtbar. Die Zeilen wechseln in Stufen wie ein echtes Display. Er passt zu Verkehrs-Apps, Stadtführern und Retro-Events.
Trag das Ziel ins Textfeld ein, schreib die übrigen Zeilen in die Liste und wähle die LED-Farbe über die Hauptfarbe. Ein Regler ändert die Punktgröße, und unter dem Mauszeiger hält die Anzeige an, damit man die Zeile in Ruhe liest.