Feedback & Interaction · What a tap feels like
Jello果冻扭动
- soft
- poked
- slanted wobble
The element behaves like jelly that has been poked: its sides are pushed out of true one after the other until the wobble dies down. What moves is the skew, not the position — which is why it reads as soft rather than as shaking. That single property is the whole boundary between this and shake.
When to use it
Use it for light acknowledgement — a favourite, a follow, a nudge. Do not use it for errors: something soft cannot deliver bad news, and that is what shake is for.
Parameters
transform: skewX 0→-11deg→9deg→-6deg→0deg · 900ms ease-out · transform-origin: center
Recipe
Jello → transform: skewX 0→-11deg→9deg→-6deg→0deg · 900ms ease-out · transform-origin: center
One sentence for your AI
Build a jello wobble: animate only skewX through -11deg, 9deg, -6deg and back to 0deg, over 900ms ease-out, with transform-origin at the centre. Do not add any translation — the moment it moves it becomes a shake.