Pad de caja de ritmos
Un pad de goma que se ilumina más cuanto más cerca del centro lo golpeas, con la velocidad en una esquina.
Ajustes
Código
<button class="uvq01-pad" type="button"><span class="lt" aria-hidden="true"></span><span class="t">Bombo</span><span class="v" aria-hidden="true">VEL <b>000</b></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
Inspirado en los pads de samplers y cajas de ritmos, este botón cuadrado de goma lee dónde lo golpeas: en el centro brilla con toda su fuerza, en el borde queda más tenue y un pequeño indicador muestra la velocidad de 0 a 127. La luz se apaga como un LED bajo silicona translúcida. Encaja en apps de música, creadores de ritmos y botoneras de sonidos.
El color principal es el LED y el secundario el centro del destello, así que funcionan tanto magenta con amarillo como cian con blanco. Usa la etiqueta para el nombre del sonido y monta una cuadrícula de pads con etiquetas distintas para tener un kit completo.