← DictionaryHover State
also called hover
The visual change shown when a pointer rests on an element.
How something reacts when you point at it.
What It Is
Hover State sits on the Website side of the work, in the Interaction area. What it actually refers to is the visual change shown when a pointer rests on an element.
It is a label with a settled working definition, so the value is in using it the same way every time. That is the version worth keeping, because it survives contact with a real project.
How It's Used
Most of the time Hover State is used in site builds, page structure and the technical decisions underneath them. It is usually discussed together with Button, Microinteraction and User Interface. The practical test is whether everyone in the room means the same thing by it.
Why It Matters
Ignoring Hover State rarely fails loudly — it fails slowly. When it is unclear, the site still launches — it just quietly underperforms. It is worth pinning down before anyone builds on top of it.
Think of it as a name on a box. Open the box and this is what is inside: How something reacts when you point at it.
Termshift™
How the meaning shifts depending on who is using it, and where.
Practitioners use Hover State as shorthand and expect no explanation — the visual change shown when a pointer rests on an element.
Outside the industry, most people would just say: how something reacts when you point at it.
The Bottom Line
Treat Hover State as a decision, not a description. How something reacts when you point at it.