HTML + CSSLoaders

Lumière sur le bord

Un trait de lumière qui fait le tour d’un carré arrondi, comme une tuile qui attend son contenu.

Réglages

72px
1x

Code

<div class="ul-bl"></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

Ce loader ressemble à une tuile vide dont le contour est parcouru de lumière : il fait donc un bon espace réservé pour une icône d’appli en cours de création, une photo de profil qui se téléverse ou une vignette produit dans un créateur de boutique. Il convient aussi à l’emplacement d’image d’un outil d’IA. Du CSS pur.

L’intérieur est peint avec la couleur de fond de la page : vérifiez qu’elle correspond à la vôtre, sinon un carré apparaîtra. Des couleurs proches donnent une lueur douce ; plus éloignées, le tracé devient net et plus technologique.