- Plaza Mayor
- Por Centro y Estación
- Próxima: Museo
Línea nocturna · cada 12 min
Girouette LED de bus
L'afficheur de destination d'un bus de nuit : des points LED ambre qui passent d'une ligne à l'autre par sauts, comme les vrais.
Réglages
Code
<div class="uvq14-dmx"><div class="pn"><span class="no">27</span><div class="vw"><ul class="ln"><li>Plaza Mayor</li><li>Via Centre et Gare</li><li>Prochain arrêt : Musée</li><li aria-hidden="true">Plaza Mayor</li></ul></div></div><p class="cp"><i></i>Ligne de nuit · toutes les 12 min</p></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Texte et défilement
Voir tout : Texte et défilementOù l’utiliser
Les afficheurs des bus et des tramways montrent le texte comme une grille de points lumineux, et ce bloc obtient le même rendu en CSS pur : un masque en dégradé radial transforme une police ordinaire en LED, et les points éteints restent discrètement visibles derrière. Les lignes changent par paliers, comme un vrai écran. Il convient aux applis de transport, aux guides de ville et aux événements rétro.
Indique la destination dans le champ de texte, écris les autres lignes dans la liste et choisis la couleur des LED avec la couleur principale. Un curseur règle la taille des points, et le survol met l'afficheur en pause pour lire la ligne tranquillement.