Home › Interaction › Hover
Hover
The visual change when a cursor moves over an element.
A hover state is what an element looks like when the mouse pointer is over it but has not clicked yet. A button might darken, a link might underline, a card might lift slightly with a shadow.
Hover is a hint — it tells the user "this is interactive, you can click here." But touch users do not have hover, so never put critical information there. Hover should add polish, not carry meaning.