Emphasis

The element hops up and down with decelerating bounces.

Add a "Bounce" attention effect to [where].
The element should hop up and drop back down in a few quick bounces that get smaller each time, with a slight squash as it lands.
Play it once when triggered rather than looping, and skip it for users who prefer reduced motion.

The element blinks by quickly toggling its opacity.

Add a "Flash" attention effect (also called blink) to [where].
The element should blink by quickly fading out and back in twice, then stay fully visible.
Play it once rather than as an endless blink, and skip it for users who prefer reduced motion, since fast blinking can be uncomfortable.

The element's opacity flickers irregularly like a failing light.

Add a "Flicker" effect (also called flickering) to [where].
The element should stay steady most of the time and dim in short, uneven stutters like a failing neon light.
Keep the timing irregular rather than evenly spaced, avoid rapid full-strength flashing, and stop it for users who prefer reduced motion.

The element wobbles side to side with slight rotation like a head shaking no.

Add a "Head Shake" attention effect (also called headshake or no shake) to [where].
The element should turn quickly side to side with a slight twist, like a head shaking no, each turn smaller than the last before it settles.
Play it once each time it is triggered, such as on a rejected action, and keep the surrounding layout from moving.

The element scales in a double-beat rhythm like a beating heart.

Add a "Heartbeat" effect (also called heart beat) to [where].
The element should swell and relax in a quick double beat, then rest briefly before the next beat, like a beating heart.
Loop it seamlessly with the rest kept between beats, and stop it for users who prefer reduced motion.

The element skews back and forth with decaying amplitude like a wobbling jelly.

Add a "Jello" attention effect (also called jelly) to [where].
The element should skew back and forth like a wobbling jelly, strong at first and quickly settling to rest.
Play it once when triggered, and keep the element's footprint so nearby content does not shift.

A copy of the element scales up and fades out repeatedly like a radar ripple.

Add a "Ping" effect (also called a radar ping or pulse ring) to [where].
A copy of the element should grow outward and fade away, again and again at a steady pace, while the element itself stays still.
Draw the ring as a separate layer so it never changes the layout, and stop the loop for users who prefer reduced motion.

The element gently scales or fades in and out repeatedly.

Add a "Pulse" effect (also called pulsing) to [where].
The element should gently swell and ease back in a slow, steady rhythm: subtle, with no bounce.
Loop it seamlessly without shifting the surrounding layout, and stop it for users who prefer reduced motion.

The element stretches horizontally and squashes vertically in elastic steps before returning to normal.

Add a "Rubber Band" attention effect (also called rubberband) to [where].
The element should stretch wide and squash short, then spring back through a few smaller elastic steps before settling at its normal size.
Play it once when triggered, and keep the surrounding layout from shifting while it stretches.

The element jitters quickly back and forth along one axis.

Add a "Shake" effect (also called an error shake or invalid input shake) to [where].
The element should jitter quickly left and right a few times and stop exactly where it started: fast and firm.
Play it once each time the error happens rather than looping, and pair it with a visible error message so the meaning does not rely on motion alone.

The element rotates continuously at constant speed.

Add a "Spin" effect (also called a spinner or rotate loop) to [where].
The element should rotate continuously at a constant, even speed, with no easing between turns.
Make the loop seamless, give the spinner an accessible loading label, and slow or stop it for users who prefer reduced motion.

The element swings back and forth from its top edge like a pendulum with decaying amplitude.

Add a "Swing" attention effect to [where].
The element should swing back and forth like a hanging sign, starting with a wide swing that quickly dies down.
Pivot it from its top edge rather than its center, and play it once when triggered.

The element scales up, wiggles with rotation, and returns to size in a celebratory flourish.

Add a "Tada" attention effect to [where].
The element should dip slightly smaller, then grow and wiggle side to side with a quick tilt before returning to its normal size, like a small celebration.
Play it once, for example right after a success, and skip it for users who prefer reduced motion.

The element trembles rapidly in tiny multi-directional jolts, like a phone vibrating.

Add a "Vibrate" attention effect (also called buzz or vibration) to [where].
The element should tremble in tiny, rapid jolts in different directions for a brief moment, like a phone buzzing, then settle.
Keep the movement very small so the content stays readable, and play it once per alert instead of looping.

The element rocks side to side with tilt like a wobbly object.

Add a "Wobble" attention effect to [where].
The element should rock side to side with a tilt, starting with a big sway that shrinks with each swing until it settles.
Play it once when triggered, and keep neighbouring content from shifting.