- Plaza Mayor
- Por Centro y Estación
- Próxima: Museo
Línea nocturna · cada 12 min
Letrero LED de autobús
El rótulo de destino de un autobús nocturno: puntos LED ámbar que cambian de línea a saltos, como los de verdad.
Ajustes
Código
<div class="uvq14-dmx"><div class="pn"><span class="no">27</span><div class="vw"><ul class="ln"><li>Plaza Mayor</li><li>Por Centro y Estación</li><li>Próxima: Museo</li><li aria-hidden="true">Plaza Mayor</li></ul></div></div><p class="cp"><i></i>Línea nocturna · cada 12 min</p></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Texto y scroll
Ver todos: Texto y scrollDónde usarlo
Los letreros de autobuses y tranvías muestran el texto como una rejilla de puntos encendidos, y este bloque consigue lo mismo solo con CSS: una máscara de degradado radial convierte la tipografía normal en LED y los puntos apagados se intuyen detrás. Las líneas cambian a saltos, como una pantalla real al refrescarse. Encaja en apps de transporte, guías de ciudad y eventos con aire retro.
Pon el destino en el campo de texto, escribe las otras líneas en la lista y elige el color de los LED con el color principal. Un deslizador cambia el tamaño del punto y, al pasar el ratón, el letrero se detiene para leer la línea con calma.