Feedback & Interaction · What a tap feels like
Shake抖动
- error
- warning
- abrupt
The element jitters left and right a few times, making it clear that something is wrong and the input was rejected.
When to use it
Use it on failed validation or a rejected action; keep the distance small and 2–3 cycles, or it feels angry.
Parameters
transform: translateX ±6px · 3 cycles · total 300ms · ease-in-out · each cycle 100ms
Recipe
each cycle 100msrepeats 3 cyclesShake → transform: translateX ±6px · total 300ms · ease-in-out
One sentence for your AI
Shake this input on validation failure: ±6px horizontally, 3 cycles, 300ms total, ease-in-out, ending back at rest.