Rebobinando
HTML + CSSLoaders

Casete rebobinando

Una cinta de casete con sus dos bobinas girando mientras la cinta pasa de una a otra y vuelve.

Ajustes

16px
1x

Código

<div class="uvq10-cas" role="status"><span class="sr">Rebobinando</span><div class="lab" aria-hidden="true"><b class="sd">A</b><i class="ln"></i><div class="win"><span class="rl a"><i></i></span><span class="rl b"><i></i></span></div></div><i class="bt" aria-hidden="true"></i><i class="sc" style="inset:.5em .45em" aria-hidden="true"></i><i class="sc" style="inset:auto .45em .45em auto" aria-hidden="true"></i><i class="sc" style="inset:auto auto .45em .5em" aria-hidden="true"></i><i class="sc" style="inset:.5em auto auto .45em" aria-hidden="true"></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.

Versión Markdown con todo el código, para asistentes de IA

Más en Loaders

Ver todos: Loaders

Dónde usarlo

Una cinta de casete dibujada en CSS con etiqueta, tornillos, ventana tintada y dos bujes dentados que giran. La cinta marrón mengua en una bobina y crece en la otra, así que el rebobinado se entiende a primera vista. Encaja en webs de música retro, editores de audio, notas de voz y campañas nostálgicas.

El color principal fija la carcasa de plástico y el secundario la etiqueta de papel, así que puedes pasar del naranja al transparente o al negro. Úsalo mientras sube un audio o se exporta una mezcla.