Cargando
HTML + CSSLoaders

Chaîne de dominos

Six dominos tombent en chaîne les uns sur les autres, puis se relèvent dans l'ordre inverse comme une vidéo rembobinée.

Réglages

16px
1x

Code

<div class="uvq10-dom" role="status"><span class="sr">Chargement</span><i class="fl" aria-hidden="true"></i><i class="dm d0" style="--i:0" aria-hidden="true"></i><i class="dm d1" style="--i:1" aria-hidden="true"></i><i class="dm d2" style="--i:2" aria-hidden="true"></i><i class="dm d3" style="--i:3" aria-hidden="true"></i><i class="dm d4" style="--i:4" aria-hidden="true"></i><i class="dm d5" style="--i:5" aria-hidden="true"></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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Loaders

Voir tout : Loaders

Où l’utiliser

Six dominos aux points fidèles, dessinés en dégradés radiaux, se tiennent sur une fine ligne de sol. Chacun bascule sur son coin inférieur et s'appuie sur le suivant, le dernier tombe à plat, puis après une pause ils se redressent depuis la fin, comme un clip lu à l'envers. Il convient aux jeux, processus par étapes et réactions en chaîne.

La couleur principale fixe les pièces, la seconde les points : l'ébène et l'ivoire peuvent devenir ivoire et noir. Utilise-le pour des tâches qui se déclenchent les unes les autres, comme des imports ou des déploiements.