Feedback & Interaction · What a tap feels like
Hover effect悬停反馈
- light
- instant
- predictable
When the pointer moves over a clickable element, it shifts colour or brightness very quickly to say that it can be clicked.
When to use it
Every clickable element should have it; touch devices have no hover state, so never put essential information only in a hover.
Parameters
120ms · ease-out · background-color or opacity change
Recipe
Hover effect → 120ms ease-outHover effect → background-color or opacity change
One sentence for your AI
Add hover feedback to this button: darken the background one step over 120ms ease-out, restoring over the same 120ms on leave.