hover effect

Mouseover visual change

A hover effect is a visual change that occurs when a cursor moves over an element on a screen—a button might change color, text might become underlined, or an image might enlarge slightly.

These effects signal interactivity, telling users that something is clickable: The hover effect on the menu items makes them glow blue.

On touchscreens, where there's no cursor to hover, the concept doesn't apply directly.

Related

CSS · button · call to action · highlight · rollover · interactive · float · pointer · transition · fade · glow · dropdown · menu · enlarge · shadow · transform · opacity · scale

Opposites
state persistence

hover effectdefault state

Initial unchanged condition

input modality

hover effecttouch feedback

Sensory confirmation of interaction

haptic feedback

device compatibility

hover effecttouchscreen interface

Input via fingertip contact

Family

hover, effect, hovers, hovered, hovering, effects, effected, effecting, effective

Familiarity
Top 500,000
Profile
Used worldwide · Timeless · Rated G