Cargando
HTML + CSSLoaders
Reloj con agujas veloces
Una esfera de reloj con marcas donde el minutero vuela y la aguja de las horas le sigue despacio.
Ajustes
16px
1x
Código
<div class="uv-lck" role="status"><span class="sr">Cargando</span><b style="--a:0deg"></b><b style="--a:30deg"></b><b style="--a:60deg"></b><b style="--a:90deg"></b><b style="--a:120deg"></b><b style="--a:150deg"></b><b style="--a:180deg"></b><b style="--a:210deg"></b><b style="--a:240deg"></b><b style="--a:270deg"></b><b style="--a:300deg"></b><b style="--a:330deg"></b><i class="h"></i><i class="m"></i><i class="c"></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
El tiempo es la metáfora obvia de la espera, y un loader de reloj la hace literal sin parecer genérico. Esta esfera tiene doce marcas, una aguja de horas gruesa que da la vuelta despacio y un minutero rojo y fino que gira una vez por segundo, los dos sobre un pequeño eje central. Encaja en agendas, controles de horas y procesos de reserva.
El borde y las agujas toman sus colores de los dos controles y la velocidad escala las dos agujas a la vez. Es CSS puro sin imágenes, así que se ve nítido a cualquier tamaño.