HTML + CSSLoaders

Anneau néon

Un anneau lumineux dont le demi-arc brillant tourne, entouré d’un doux halo de néon.

Réglages

72px
1x

Code

<div class="ul-neon"></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 néon a sa place dans les interfaces sombres et nocturnes : le site d’un tournoi d’esport, la billetterie d’une soirée en club ou le lanceur d’un jeu qui attend le serveur. La lueur vient d’ombres superposées dans les deux couleurs, si bien que l’anneau semble éclairer ce qui l’entoure, avec un élan souple à chaque tour.

Il lui faut un fond sombre pour briller ; sur du blanc, on dirait un spinner flou. Les couleurs saturées comme le rose électrique, le cyan ou le vert citron donnent le néon le plus crédible. Laissez le reste de l’écran dans la pénombre pour qu’il capte l’attention.