Bounce

El elemento sube y luego se balancea arriba y abajo sin parar mientras está bajo el cursor.

Añade un efecto hover "Bob" (también llamado hang) en [dónde].
El elemento debe subir un poco y luego seguir balanceándose suavemente arriba y abajo mientras el cursor siga encima, y bajar de nuevo cuando el cursor salga: lento y suave.
Repite el balanceo solo mientras esté bajo el cursor y déjalo quieto si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El elemento entra con un rebote que se pasa y se asienta, ya sea creciendo o cayendo desde un borde.

Añade una animación de entrada "Bounce In" (también llamada bounce in down o bounce in up) en [dónde].
El elemento debe crecer desde pequeño, pasarse de su tamaño completo y tambalearse unas cuantas veces antes de asentarse: rápido y elástico.
Reprodúcela una sola vez para que no siga llamando la atención, y muestra el elemento en su lugar sin movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Un indicador numérico aparece de golpe, rebota o late cuando llega una nueva notificación.

Añade una animación "Notification Badge Bounce" (también llamada badge pop o ping) en [dónde].
Cuando llegue una nueva notificación, el indicador numérico debe aparecer desde la nada y asentarse con un par de rebotes rápidos y elásticos mientras un anillo suave se expande desde él una vez.
Reprodúcela una vez por cada notificación nueva en lugar de en bucle, y anuncia el nuevo número a los lectores de pantalla.

El elemento parpadea alternando rápidamente su opacidad.

Añade un efecto de atención "Flash" (también llamado blink) en [dónde].
El elemento debe parpadear desvaneciéndose y volviendo a aparecer rápidamente dos veces, y luego quedarse totalmente visible.
Reprodúcelo una sola vez en lugar de como un parpadeo sin fin, y omítelo para los usuarios que prefieren movimiento reducido, porque un parpadeo rápido puede resultar molesto.

La opacidad del elemento parpadea de forma irregular, como una luz que falla.

Añade un efecto "Flicker" (también llamado flickering) en [dónde].
El elemento debe mantenerse estable la mayor parte del tiempo y atenuarse en breves tartamudeos irregulares, como un neón que falla.
Mantén un ritmo irregular en lugar de uniforme, evita destellos rápidos a plena intensidad y detenlo para los usuarios que prefieren movimiento reducido.

El elemento oscila de lado a lado con una ligera rotación, como una cabeza que dice que no.

Añade un efecto de atención "Head Shake" (también llamado headshake o no shake) en [dónde].
El elemento debe girar rápido de lado a lado con una ligera torsión, como una cabeza que dice que no, y cada giro debe ser más pequeño que el anterior hasta quedarse quieto.
Reprodúcelo una vez cada vez que se active, por ejemplo ante una acción rechazada, y evita que el diseño de alrededor se mueva.