Bouton avec onde au clic
Une onde douce se propage depuis l'endroit précis où vous cliquez ou touchez le bouton.
Réglages
Code
<button class="uv-ripple">Cliquez</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
L'effet ripple donne un retour immédiat au clic, ce qui compte dans les applications web utilisées au pouce : « Ajouter au panier » dans une appli de livraison de repas, « Enregistrer » dans un outil de notes ou les filtres d'un tableau de réservations. Si vous connaissez Material Design, l'onde vous sera familière. Quelques lignes de JavaScript suffisent.
Contrairement aux effets de survol, il fonctionne aussi bien sur mobile, puisqu'il réagit au toucher. Avec une couleur très claire, l'onde blanche devient invisible : choisissez un ton moyen ou foncé. Une vitesse réduite donne un rendu plus soigné.