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
Voir tout : BoutonsOù 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.