Skeleton avec reflet
Une publication factice avec avatar, image et lignes de texte, balayée par une bande de lumière.
Réglages
Code
<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 pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Loaders
Où l’utiliser
L’effet shimmer, une douce bande de lumière qui glisse sur des formes grises, est aujourd’hui associé par presque tout le monde à « le contenu arrive ». Ce skeleton loader en CSS a la forme d’une publication, avec auteur, image et texte : il convient au fil d’une communauté, à la liste d’articles d’un site d’info ou aux billets d’un blog de recettes.
Comme il ne s’agit que de HTML et de CSS, il fonctionne aussi sur les sites statiques ou rendus côté serveur, avant tout JavaScript. Gardez un reflet à peine plus clair que la base : un éclat vif sur chaque carte fatigue quand toute une page se charge.