HTML + CSSLoaders
Anillo de hexágonos
Seis hexágonos colocados en anillo que se encienden uno detrás de otro, pasándose el brillo.
Ajustes
72px
1x
Código
<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 para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Loaders
Dónde usarlo
Los hexágonos recuerdan a moléculas, panales y esquemas de blockchain, así que este anillo queda natural en el panel de un monedero cripto, la web de un laboratorio de biotecnología o la tienda online de un apicultor. Cada celda se enciende por turnos y se apaga pasando por el segundo color, dando una vuelta lenta.
Combina muy bien con el fondo de panal de esta misma librería si buscas un tema coherente. Deja una diferencia clara de luminosidad entre los dos colores; es lo que hace que el brillo se vea viajar de celda en celda.