Looping & Ambient · Runs on repeat
Alternate (yoyo)往复循环
- breathing
- soft
- unobtrusive
After playing forward the animation reverses and plays back, so there is no visible jump back to the starting state.
When to use it
Use it for light attention cues that should keep catching the corner of the eye; one-off actions should never loop.
Parameters
animation-direction: alternate · one way 2s · ease-in-out
Recipe
Alternate (yoyo) → 2s ease-in-outalternates direction : alternateAlternate (yoyo) → animation-direction: alternate · one way 2s
One sentence for your AI
Make this arrow loop back and forth: animation-direction: alternate, 2s per pass, ease-in-out, moving 4px vertically.