Anneau d’hexagones
Six hexagones disposés en anneau qui s’allument l’un après l’autre, en se passant la lumière.
Réglages
Code
<div class="ul-hex"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></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
Les hexagones rappellent les molécules, les rayons de miel et les schémas de blockchain : cet anneau trouve donc naturellement sa place dans le tableau de bord d’un portefeuille crypto, sur le site d’un laboratoire de biotech ou dans la boutique en ligne d’un apiculteur. Chaque alvéole s’allume à son tour, puis s’éteint.
Il s’accorde bien avec le fond en nid d’abeille de cette même bibliothèque si vous voulez un thème cohérent. Prévoyez un vrai écart de luminosité entre les deux couleurs : c’est ce qui fait voyager la lueur d’une alvéole à l’autre.