Emphasis

L’élément sautille de haut en bas avec des rebonds de plus en plus faibles.

Ajoute un effet d’attention « Bounce » sur [où].
L’élément doit sauter puis retomber en quelques rebonds rapides, de plus en plus petits, avec un léger écrasement à chaque atterrissage.
Joue-le une seule fois au déclenchement plutôt qu’en boucle, et désactive-le si l’utilisateur a activé la réduction des animations.

L’élément clignote en faisant varier rapidement son opacité.

Ajoute un effet d’attention « Flash » (aussi appelé blink) sur [où].
L’élément doit clignoter en disparaissant puis réapparaissant rapidement deux fois, puis rester entièrement visible.
Joue-le une seule fois plutôt qu’en clignotement sans fin, et désactive-le si l’utilisateur a activé la réduction des animations, car un clignotement rapide peut être gênant.

L’opacité de l’élément vacille de façon irrégulière, comme une lampe défaillante.

Ajoute un effet « Flicker » (aussi appelé flickering) sur [où].
L’élément doit rester stable la plupart du temps et baisser d’intensité par brefs à-coups irréguliers, comme un néon défaillant.
Garde un rythme irrégulier plutôt que régulier, évite les flashs rapides à pleine intensité, et arrête-le si l’utilisateur a activé la réduction des animations.

L’élément oscille de gauche à droite avec une légère rotation, comme une tête qui fait non.

Ajoute un effet d’attention « Head Shake » (aussi appelé headshake ou no shake) sur [où].
L’élément doit pivoter rapidement de gauche à droite avec une légère torsion, comme une tête qui fait non, chaque mouvement plus petit que le précédent jusqu’à s’immobiliser.
Joue-le une fois à chaque déclenchement, par exemple lors d’une action refusée, et empêche la mise en page autour de bouger.

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 se déforme d’un côté à l’autre avec une amplitude décroissante, comme une gelée qui tremblote.

Ajoute un effet d’attention « Jello » (aussi appelé jelly) sur [où].
L’élément doit se déformer d’un côté à l’autre comme une gelée qui tremblote : fort au début, puis se stabilisant rapidement.
Joue-le une fois au déclenchement et conserve l’encombrement de l’élément pour que le contenu voisin ne bouge pas.

Une copie de l’élément s’agrandit et s’estompe en boucle, comme une onde de radar.

Ajoute un effet « Ping » (aussi appelé radar ping ou pulse ring) sur [où].
Une copie de l’élément doit s’agrandir vers l’extérieur et s’estomper, encore et encore à un rythme régulier, pendant que l’élément lui-même reste immobile.
Dessine l’anneau sur un calque séparé pour qu’il ne modifie jamais la mise en page, et arrête la boucle si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’élément grossit ou s’estompe doucement, puis revient, de façon répétée.

Ajoute un effet « Pulse » (aussi appelé pulsing) sur [où].
L’élément doit gonfler doucement puis revenir selon un rythme lent et régulier : discret, sans rebond.
Fais-le tourner en boucle sans coupure sans décaler la mise en page autour, et arrête-le si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’élément s’étire en largeur et s’écrase en hauteur par à-coups élastiques avant de reprendre sa forme normale.

Ajoute un effet d’attention « Rubber Band » (aussi appelé rubberband) sur [où].
L’élément doit s’étirer en largeur et s’écraser en hauteur, puis revenir par quelques petits rebonds élastiques avant de se stabiliser à sa taille normale.
Joue-le une fois au déclenchement et empêche la mise en page autour de se décaler pendant qu’il s’étire.

L’élément tremble rapidement d’avant en arrière sur un seul axe.

Ajoute un effet « Shake » (aussi appelé error shake ou invalid input shake) sur [où].
L’élément doit trembler rapidement de gauche à droite quelques fois et s’arrêter exactement à son point de départ : rapide et ferme.
Joue-le une fois à chaque erreur plutôt qu’en boucle, et associe-le à un message d’erreur visible pour que le sens ne repose pas uniquement sur le mouvement.

L’élément tourne en continu à vitesse constante.

Ajoute un effet « Spin » (aussi appelé spinner ou rotate loop) sur [où].
L’élément doit tourner en continu à une vitesse constante et régulière, sans easing entre les tours.
Rends la boucle continue, donne au spinner un libellé de chargement accessible, et ralentis-le ou arrête-le si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’élément se balance d’un côté à l’autre depuis son bord supérieur, comme un pendule dont l’amplitude décroît.

Ajoute un effet d’attention « Swing » sur [où].
L’élément doit se balancer d’un côté à l’autre comme une enseigne suspendue, avec un grand mouvement au départ qui s’amortit vite.
Fais-le pivoter depuis son bord supérieur plutôt que depuis son centre, et joue-le une fois au déclenchement.

L’élément grossit, se trémousse en pivotant puis reprend sa taille, comme pour célébrer.

Ajoute un effet d’attention « Tada » sur [où].
L’élément doit rapetisser légèrement, puis grandir et se trémousser de gauche à droite avec une inclinaison rapide avant de reprendre sa taille normale, comme une petite célébration.
Joue-le une fois, par exemple juste après une réussite, et supprime-le si l’utilisateur a activé la réduction des animations (prefers-reduced-motion).

L’élément tremble très vite par de petites secousses dans plusieurs directions, comme un téléphone qui vibre.

Ajoute un effet d’attention « Vibrate » (aussi appelé buzz ou vibration) sur [où].
L’élément doit trembler par de minuscules secousses rapides dans différentes directions pendant un bref instant, comme un téléphone qui vibre, puis s’immobiliser.
Garde un mouvement très faible pour que le contenu reste lisible, et joue-le une fois par alerte plutôt qu’en boucle.

L’élément oscille de gauche à droite en s’inclinant, comme un objet instable.

Ajoute un effet d’attention « Wobble » sur [où].
L’élément doit osciller de gauche à droite en s’inclinant, avec un grand balancement au départ qui diminue à chaque aller-retour jusqu’à s’immobiliser.
Joue-le une fois au déclenchement et empêche le contenu voisin de se décaler.