Wobble

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.

El elemento se balancea de un lado a otro desde su borde superior, como un péndulo cuya amplitud se va reduciendo.

Añade un efecto de atención "Swing" en [dónde].
El elemento debe balancearse de un lado a otro como un cartel colgante, empezando con un vaivén amplio que se apaga rápido.
Haz que pivote desde su borde superior y no desde el centro, y reprodúcelo una vez al activarse.

El elemento se agranda, se sacude girando un poco y vuelve a su tamaño, como una pequeña celebración.

Añade un efecto de atención "Tada" en [dónde].
El elemento debe encogerse un poco, luego crecer y sacudirse de lado a lado con una inclinación rápida antes de volver a su tamaño normal, como una pequeña celebración.
Reprodúcelo una vez, por ejemplo justo después de un éxito, y omítelo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El elemento se inclina de un lado a otro con una amplitud cada vez menor, como una gelatina que tiembla.

Añade un efecto de atención "Jello" (también llamado jelly) en [dónde].
El elemento debe inclinarse de un lado a otro como una gelatina que tiembla: fuerte al principio y asentándose rápido hasta quedar quieto.
Reprodúcelo una vez al activarse y conserva el espacio que ocupa el elemento para que el contenido cercano no se desplace.

El elemento da saltos arriba y abajo que van perdiendo fuerza.

Añade un efecto de atención "Bounce" en [dónde].
El elemento debe saltar hacia arriba y volver a caer en unos cuantos rebotes rápidos, cada vez más pequeños, con un ligero aplastamiento al aterrizar.
Reprodúcelo una sola vez al activarse en lugar de en bucle, y omítelo para los usuarios que prefieren movimiento reducido.

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.