Bouton à étincelles
Tant que le curseur reste sur le bouton, de petites étincelles jaillissent du centre dans toutes les directions.
Réglages
Code
<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>Magie</button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons
Où l’utiliser
Des étincelles autour d'un bouton laissent entendre qu'il va se passer quelque chose d'un peu magique. Elles vont bien à un « Générer » dans un outil de rédaction par IA, à un « Ouvrir votre cadeau » sur une carte cadeau numérique ou à un « Surprenez-moi » sur un site de recettes. Huit points s'envolent en cercle, encore et encore.
Les étincelles dépassent du bouton : laissez de la place autour et évitez les barres d'outils serrées. La couleur secondaire teinte les étincelles. Un jaune ou un rose sur un bouton bleu évoque la fête ; le même bleu reste plus discret.