Hover animations on everything

Why it reads as slop

When cards, headings and images all lift or scale on hover, nothing signals interactivity anymore, and the page twitches under the cursor.

Heuristic

transform or scale transitions on hover applied to non-interactive elements (cards, images, list items).

Antidotes

• Motion only on elements that do something; colour or underline change is enoughpractice
• Honour prefers-reduced-motionpractice