TELEGRAMA
Llego mañana a las 10:40Andén 3, estación NorteMadrid Central · 09:12
HTML + CSSToasts

Toast de telegrama

Las tiras de papel de un telegrama se escriben letra a letra en mayúsculas y cada línea termina con STOP.

Ajustes

16px
1x

Código

<div class="uvq09-tlg"><button type="button" class="fire">Recibir otro</button><div class="tt" role="status"><div class="hd"><b>TELEGRAMA</b><span class="sp" aria-hidden="true">URGENTE</span></div><span class="sr">Llego mañana a las 10:40</span><span class="sr">Andén 3, estación Norte</span><div class="strips" aria-hidden="true"><span class="s1"></span><span class="s2"></span></div><small>Madrid Central · 09:12</small></div></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.

Versión Markdown con todo el código, para asistentes de IA

Más en Toasts

Ver todos: Toasts

Dónde usarlo

Antes del chat existían los telegramas: tiras impresas en mayúsculas pegadas sobre un impreso y cada frase cerrada con STOP. Este toast recupera ese formato con una tarjeta de papel crema, una cabecera roja, un sello que cae de golpe y dos tiras que escribe un pequeño script. El mensaje completo está en texto oculto para que los lectores de pantalla lo oigan de una vez.

Usa el color principal para la cabecera y el sello y el secundario para el papel. La velocidad de escritura está en el valor del intervalo; deja las dos líneas cortas para que cada tira quepa en una fila. Queda bien en viajes, invitaciones y marcas retro.