Skeleton con brillo
Una publicación de relleno con avatar, imagen y líneas de texto mientras una franja de luz la recorre.
Ajustes
Código
<div class="ul-sk"><div class="ul-sk-h"><i class="a"></i><div><i></i><i class="s"></i></div></div><i class="img"></i><i></i><i class="s"></i></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
El efecto shimmer, una franja de luz suave sobre formas grises, es lo que casi todos asociamos hoy con «el contenido está llegando». Este skeleton en CSS tiene forma de publicación, con autor, imagen y texto, así que encaja en el muro de una comunidad, los artículos de un periódico o las entradas de un blog de recetas.
Como es HTML y CSS sin más, funciona también en webs estáticas o renderizadas en servidor, antes de que cargue ningún JavaScript. Deja el color del brillo solo un poco más claro que la base; un destello fuerte en cada tarjeta cansa cuando carga una página entera.