Что такое Hover

Hover — это состояние элемента, когда пользователь наводит на него курсор мыши, но ещё не кликает. Оно часто используется для визуальной обратной связи, например, изменения цвета, добавления подчёркивания или анимации.

В CSS для этого используется псевдокласс :hover:

.button:hover {
  background-color: #4CAF50;
  transform: scale(1.05);
}

Нюансы:

1. На мобильных устройствах hover срабатывает при первом тапе и может остаться активным
2. Не стоит полагаться только на hover для важной информации
3. Для плавных эффектов лучше использовать transition