Answer
A hover effect is a style applied when the `:hover` pseudo-class matches an element. • Hover commonly occurs when a pointing device designates an element. • Touch and keyboard users may never trigger hover. • Important actions must also work through focus, click, or other accessible input.
💡 Simple Example
.link:hover,
.link:focus-visible {
text-decoration-thickness: 3px;
}
⚡ Quick Revision
Hover is an optional pointer state, not a reliable replacement for focus or activation.