Botón con chispas
Pequeñas chispas salen disparadas desde el centro en todas direcciones mientras el cursor está encima.
Ajustes
Código
<button class="uv-sparks"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i>Magia</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
Dónde usarlo
Las chispas alrededor de un botón sugieren que va a pasar algo un poco mágico. Por eso encajan en el «Generar» de una herramienta de escritura con IA, el «Abre tu regalo» de una tarjeta regalo digital o el «Sorpréndeme» de una web de recetas. El botón crece un poco y ocho puntos salen en círculo, una y otra vez.
Las chispas se salen de los bordes, así que deja espacio alrededor y no lo metas en barras de herramientas apretadas. El color secundario pinta las chispas: un amarillo o un rosa sobre un botón azul se lee como celebración; el mismo azul, como algo más sutil.