Muelle bajando la escalera
Un muelle de colores baja peldaño a peldaño: sus espiras saltan en arco una tras otra y se apilan en el escalón de abajo.
Ajustes
Código
<div class="uvq10-sly" role="status"><span class="sr">Cargando</span><div class="ly" aria-hidden="true"><i class="sp" style="--j:-2"></i><i class="sp" style="--j:-1"></i><i class="sp" style="--j:0"></i><i class="sp" style="--j:1"></i><i class="sp" style="--j:2"></i><i class="sp" style="--j:3"></i><i class="sp" style="--j:4"></i><i class="sp" style="--j:5"></i><i class="r r0"></i><i class="r r1"></i><i class="r r2"></i><i class="r r3"></i><i class="r r4"></i><i class="r r5"></i><i class="r r6"></i><i class="r r7"></i><i class="r r8"></i><i class="r r9"></i><i class="r r10"></i><i class="r r11"></i></div></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
Doce espiras con colores mezclados entre los dos del bloque viajan de un peldaño al siguiente por arcos calculados al compilar y dan la vuelta por el camino, así que el muelle se estira en un arco y se vuelve a juntar abajo. La escalera avanza con el movimiento y se repite, así que el paseo no acaba. Encaja en marcas de juguetes, contenido infantil y procesos por pasos.
El color principal fija las espiras de arriba y el secundario las de abajo, así que el muelle puede ser arcoíris, gris metálico o de tu marca. Úsalo para tareas que avanzan por fases y deja algo de margen lateral, porque los bordes se difuminan.