Emphasis

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.

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 cambia de tamaño con un ritmo de doble latido, como un corazón que late.

Añade un efecto "Heartbeat" (también llamado heart beat) en [dónde].
El elemento debe hincharse y relajarse en un doble latido rápido y luego descansar un momento antes del siguiente, como un corazón que late.
Repítelo en bucle sin cortes manteniendo la pausa entre latidos, y detenlo 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.

Una copia del elemento se agranda y se desvanece una y otra vez, como la onda de un radar.

Añade un efecto "Ping" (también llamado radar ping o pulse ring) en [dónde].
Una copia del elemento debe crecer hacia fuera y desvanecerse, una y otra vez a un ritmo constante, mientras el elemento en sí se queda quieto.
Dibuja el anillo en una capa aparte para que nunca cambie el diseño, y detén el bucle si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El elemento se agranda o se atenúa suavemente, una y otra vez.

Añade un efecto "Pulse" (también llamado pulsing) en [dónde].
El elemento debe crecer suavemente y volver con un ritmo lento y constante: sutil, sin rebote.
Repítelo en bucle sin cortes y sin mover el diseño de alrededor, y detenlo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

El elemento se estira a lo ancho y se aplasta a lo alto en pasos elásticos antes de volver a la normalidad.

Añade un efecto de atención "Rubber Band" (también llamado rubberband) en [dónde].
El elemento debe estirarse a lo ancho y aplastarse a lo alto, y luego rebotar con unos cuantos pasos elásticos más pequeños hasta quedarse en su tamaño normal.
Reprodúcelo una vez al activarse y evita que el diseño de alrededor se desplace mientras se estira.

El elemento tiembla rápido de un lado a otro sobre un solo eje.

Añade un efecto "Shake" (también llamado error shake o invalid input shake) en [dónde].
El elemento debe temblar rápido a izquierda y derecha unas cuantas veces y detenerse justo donde empezó: rápido y firme.
Reprodúcelo una vez cada vez que ocurra el error en lugar de repetirlo en bucle, y acompáñalo de un mensaje de error visible para que el significado no dependa solo del movimiento.

El elemento gira sin parar a velocidad constante.

Añade un efecto "Spin" (también llamado spinner o rotate loop) en [dónde].
El elemento debe girar sin parar a una velocidad constante y uniforme, sin easing entre vueltas.
Haz que el bucle no tenga cortes, dale al spinner una etiqueta de carga accesible, y ralentízalo o detenlo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

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 tiembla muy rápido con pequeñas sacudidas en varias direcciones, como un móvil que vibra.

Añade un efecto de atención "Vibrate" (también llamado buzz o vibration) en [dónde].
El elemento debe temblar con sacudidas diminutas y rápidas en distintas direcciones durante un instante, como un móvil que vibra, y luego quedarse quieto.
Mantén el movimiento muy pequeño para que el contenido siga siendo legible, y reprodúcelo una vez por alerta en lugar de repetirlo en bucle.

El elemento se balancea de lado a lado inclinándose, como un objeto inestable.

Añade un efecto de atención "Wobble" en [dónde].
El elemento debe balancearse de lado a lado con una inclinación, empezando con un vaivén grande que se reduce en cada oscilación hasta quedarse quieto.
Reprodúcelo una vez al activarse y evita que el contenido vecino se desplace.