Fondo lluvia Matrix
Columnas de caracteres que caen con estela brillante, dibujadas en un canvas. Pantalla completa, con HTML, CSS y unas líneas de JS.
Ajustes
Código
<div class="pt-matrix"><canvas></canvas></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 Fondos
Dónde usarlo
El fondo de lluvia Matrix sigue funcionando cuando una web quiere parecer que vive dentro de una terminal: una empresa de ciberseguridad, un hackathon o un CTF, el portfolio de un desarrollador, una 404 con guiño. Katakana, números y símbolos caen en columnas con la cabeza brillante y una estela que se apaga.
No se detiene aunque el visitante haya pedido menos movimiento en su sistema, así que añade tú esa comprobación si ocupa mucho espacio. La densidad cambia el tamaño de los caracteres. Con texto encima, baja la opacidad para que la lluvia se quede de fondo.