Líneas diagonales con luz
Rayas diagonales finas que se deslizan por la pantalla mientras una franja de luz pasa por encima.
Ajustes
Código
<div class="pt-diag"><i></i><b></b><b></b></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
Las líneas diagonales dan sensación de movimiento sin llenar la pantalla de cosas. Quedan bien detrás de la sección de precios de una fintech, en la pantalla de login de un panel interno o como portada de un caso de estudio. La luz que las cruza aporta un brillo discreto. Un fondo de rayas animado en CSS que apenas pesa.
Si encima va a haber texto largo, mantén las líneas suaves, porque las rayas finas pueden vibrar en algunas pantallas. El control de escala cambia la separación: con más hueco queda más gráfico y con menos parece casi una textura.