Like / Heart Burst

Des morceaux de papier colorés jaillissent puis retombent pour célébrer une réussite.

Ajoute une célébration « Confetti » (aussi appelée confetti burst) sur [où].
De petits morceaux de papier colorés doivent jaillir rapidement du bouton, puis tournoyer et retomber en flottant tout en disparaissant en fondu, en une pluie courte et joyeuse.
Déclenche-la une fois par réussite au lieu de la faire tourner en boucle, évite qu’elle bloque les clics sur la page et supprime-la si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’élément grossit et rétrécit selon un double battement, comme un cœur qui bat.

Ajoute un effet « Heartbeat » (aussi appelé heart beat) sur [où].
L’élément doit gonfler puis se relâcher en un double battement rapide, puis marquer une courte pause avant le suivant, comme un cœur qui bat.
Fais-le tourner en boucle sans coupure en gardant la pause entre les battements, et arrête-le si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’élément grossit rapidement puis revient à sa taille avec un petit rebond élastique.

Ajoute un effet de survol « Pop » sur [où].
À chaque entrée du pointeur, l’élément doit gonfler une fois rapidement puis revenir à sa taille normale, comme un petit rebond élastique.
Joue-le une fois par survol au lieu de garder la taille agrandie ou de boucler, et évite que la mise en page autour ne bouge.

Maintenir un élément enfoncé un instant déclenche des actions supplémentaires ou un remplissage de progression.

Ajoute une interaction d’appui long (Long Press) (aussi appelée press and hold ou touch and hold) sur [où].
Pendant l’appui, l’élément doit s’enfoncer légèrement tandis qu’un remplissage de progression le parcourt à rythme régulier ; une fois plein, il revient avec un petit ressort et ouvre son menu, et relâcher trop tôt annule et réinitialise le remplissage.
Donne aux utilisateurs du clavier et des lecteurs d’écran un autre moyen d’accéder aux mêmes actions, et empêche l’appui de sélectionner du texte ou d’ouvrir le menu contextuel du navigateur.

Un badge de compteur apparaît d’un coup, rebondit ou pulse à l’arrivée d’une nouvelle notification.

Ajoute une animation « Notification Badge Bounce » (aussi appelée badge pop ou ping) sur [où].
À l’arrivée d’une nouvelle notification, le badge de compteur doit surgir de nulle part et se poser avec deux petits rebonds rapides et élastiques, pendant qu’un anneau doux s’en échappe une fois.
Joue-la une fois par nouvelle notification plutôt qu’en boucle, et annonce le nouveau compte aux lecteurs d’écran.

Une icône d’œil passe d’ouverte à barrée quand le mot de passe est affiché ou masqué.

Ajoute un bouton afficher/masquer le mot de passe (Password Reveal Toggle) (aussi appelé show/hide password ou eye icon toggle) sur [où].
Un appui sur l’œil doit effacer rapidement sa barre pendant que les points masqués se fondent en vrais caractères, et un nouvel appui redessine la barre et les masque : fluide et rapide, sans rebond.
Garde la largeur du champ stable pour que le texte ne saute pas, et fais du bouton un vrai bouton dont le libellé indique si le mot de passe est affiché.