Luz por el borde
Un destello que recorre el borde de un cuadrado redondeado, como una casilla esperando su contenido.
Ajustes
Código
<div class="ul-bl"></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 Loaders
Dónde usarlo
Este loader parece una casilla vacía con luz recorriendo su borde, así que funciona muy bien como hueco reservado: el icono de una app que se está generando, una foto de perfil subiendo o la miniatura de un producto en un creador de tiendas. También encaja en el hueco de imagen de una herramienta de IA. CSS puro, un elemento.
El interior se pinta con el color de fondo de la página, así que asegúrate de que coincida con el tuyo o verás un parche cuadrado. Deja los dos colores cercanos para un brillo suave, o sepáralos para un trazo más nítido y tecnológico.