Anillo de 12 puntos
Doce puntos colocados como las horas de un reloj que se apagan y encogen uno tras otro al pasar la luz.
Ajustes
Código
<div class="ul-dr"><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><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i><i style="--i:10"></i><i style="--i:11"></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
Ver todos: LoadersDónde usarlo
Con sus doce puntos colocados como las horas de una esfera, este loader tiene algo paciente, de tictac. Encaja en momentos de comprobar y contar: el widget de reservas de un restaurante buscando mesas libres, un calendario cargando disponibilidad o una galería procesando las fotos que acabas de subir. HTML y CSS puros, y muy ligero.
Como los puntos se encogen al apagarse, resulta más aireado que un spinner de barras y va bien en diseños delicados y minimalistas. Usa el color del texto para una versión discreta, o tu color de acento si está solo en medio de un panel vacío.