:hover | CSS Selectors & Pseudo-classes

Targets an element when the user's cursor is positioned over it. It's the bread-and-butter for making interactive buttons and links.

Quick example

a:hover {
  /* Adds an underline and changes color on hover */
  text-decoration: underline;
  color: #3b82f6;
}

Widely availableSince 201596% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+