Tarjetas perforadas
Filas de tarjetas perforadas de los años sesenta pasan por un lector mientras una luz fría brilla a través de los agujeros.
Ajustes
Código
<div class="pt-uvq16-punch-cards"><i class="lt"></i><div class="rws"><div class="rw" style="--t:34s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="rw" style="--t:48s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="rw" style="--t:62s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="rw" style="--t:41s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="rw" style="--t:55s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="rw" style="--t:34s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="rw" style="--t:48s"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div></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.
Más en Fondos
Ver todos: FondosDónde usarlo
Antes de las pantallas, los programas vivían en cartulina. Este fondo apila filas inclinadas de tarjetas perforadas color manila con una franja de color arriba y guías impresas, cada una recortada con una máscara CSS de cuarenta columnas de agujeros rectangulares. Las filas se deslizan en sentidos opuestos y detrás pasa una banda de luz que asoma por cada agujero. Todo en HTML y CSS.
El primer color es la cartulina, el segundo la franja superior y el tercero la luz del lector. La densidad hace las tarjetas más pequeñas y mete más filas en pantalla. Una gran elección para historia de la informática, plataformas de datos, archivos y eventos de programación retro.