Contador mecánico
Un contador de mano cromado: cada pulsación hunde el émbolo y hace avanzar uno los rodillos de números.
Ajustes
Código
<button class="uvq01-tly" type="button"><span class="win" aria-hidden="true"><span class="wh"><span class="col" style="--d:0"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span><span class="wh"><span class="col" style="--d:1"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span><span class="wh"><span class="col" style="--d:2"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span><span class="wh"><span class="col" style="--d:7"><i>0</i><i>1</i><i>2</i><i>3</i><i>4</i><i>5</i><i>6</i><i>7</i><i>8</i><i>9</i><i>0</i></span></span></span><span class="t">Aplaudir</span><span class="p1" aria-hidden="true">+1</span><span class="sr">127</span></button>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 Botones
Ver todos: BotonesDónde usarlo
Los contadores de mano sirven para contar gente en una puerta o vueltas en una pista, y este botón copia el objeto de cerca: cuerpo cromado, émbolo rojo arriba y cuatro rodillos de números tras una ventana oscura. Cada clic hunde el émbolo, gira los rodillos con un pequeño rebote, arrastra del nueve al cero y hace flotar un +1. Sirve para aplausos, votos o asistencia.
El color principal tiñe el émbolo y el +1 flotante, el secundario las cifras de los rodillos. El número vive en el script, así que puedes arrancarlo con tus datos, y los lectores de pantalla oyen el nuevo total como parte del nombre del botón.