loading
HTML + CSSLoaders

Texte néon

Le mot « loading » en lettres fines qui s’allument une à une avec une lueur néon, comme une enseigne qui s’éveille.

Réglages

72px
1x

Code

<div class="ul-nt"><span style="--i:0">l</span><span style="--i:1">o</span><span style="--i:2">a</span><span style="--i:3">d</span><span style="--i:4">i</span><span style="--i:5">n</span><span style="--i:6">g</span></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

Des lettres qui s’allument l’une après l’autre rappellent une enseigne au néon qui chauffe à la tombée de la nuit. Cela convient au site d’un bar à cocktails, à la page d’un jeu rétro ou à la billetterie d’un cinéma indépendant. Au lieu d’une forme abstraite, on lit le mot : cette animation de texte paraît chaleureuse et un peu théâtrale.

Vous pouvez remplacer le mot par quelque chose qui vous ressemble, comme le nom de votre bar ou « ouvert » ; chaque lettre est un élément à part, la vague suit donc. Comme tout néon, il réclame un fond sombre et des couleurs saturées.