1.204 aplausos
Botón de aplausos con contador
Cada pulsación suma un aplauso con burbuja y chispas; si lo mantienes, aplaude en ráfaga hasta cincuenta.
Ajustes
Código
<div class="uv-mcl"><button type="button" class="b" aria-label="Aplaudir"><span class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 11V6a2 2 0 0 0-4 0M14 10V4a2 2 0 0 0-4 0v2M10 10.5V6a2 2 0 0 0-4 0v8M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-6-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15"/><path class="sp" d="M3.5 7.5 2 6M5.5 4.5 5 2.5M8.5 3.2 9.5 1.5"/></svg></span><span class="pt" aria-hidden="true"><i style="--a:0deg"></i><i style="--a:45deg"></i><i style="--a:90deg"></i><i style="--a:135deg"></i><i style="--a:180deg"></i><i style="--a:225deg"></i><i style="--a:270deg"></i><i style="--a:315deg"></i></span><span class="bub" aria-hidden="true">+1</span></button><p class="ct" aria-live="polite"><b>1.204</b> aplausos</p></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 Microinteracciones
Ver todos: MicrointeraccionesDónde usarlo
Una forma divertida de que los lectores muestren su aprecio, inspirada en plataformas de blogs. Cada pulsación hace que la mano se apriete, lanza un anillo de chispas y sube una burbuja con tu cuenta personal, mientras el total de abajo crece. Si mantienes el botón, aplaude seguido hasta el límite de cincuenta y después hace un pequeño temblor.
El contador se formatea con el idioma de la página, con teclado se puede pulsar Intro o Espacio varias veces y el total vive en una región viva educada. Envía los aplausos a tu servidor en lotes y no uno a uno.