HTML Hover: создание интерактивных элементов с помощью CSS

HTML hover - это эффект, который возникает при наведении курсора мыши на элемент веб-страницы. Когда пользователь наводит курсор на элемент, его визуальное представление может измениться, чтобы указать на то, что он является интерактивным или значимым.

С помощью CSS можно легко создать hover эффекты. Ниже приведены несколько примеров кода, демонстрирующих различные способы использования hover в HTML:

1. Изменение цвета фона:

Наведите курсор на меня!

В данном примере при наведении курсора на элемент с классом "hover-effect" его фоновый цвет будет изменяться на желтый.

2. Изменение стиля текста:

Наведите курсор на текст, чтобы изменить его.

В этом примере при наведении курсора на абзац с классом "hover-effect" его текст станет жирным и красным.

3. Изменение размера и позиции элемента:

В данном примере элемент с классом "hover-effect" имеет изначальный размер 100x100 пикселей и синий фон. При наведении курсора на него его размер увеличивается до 200x200 пикселей.

Таким образом, HTML hover позволяет создавать различные эффекты, которые придают интерактивности и визуального интереса веб-страницам.