✨Эпизод 10. Введение

Ты ведь тоже это замечала.
Наводишь курсор — а элемент реагирует… как-то неловко.
Вздрогнул. Вспыхнул. Исказился.
Словно испугался прикосновения.

Это ховер.
Он был добавлен “по стандарту”.
Чтобы хоть как-то показать:

“Я активен, я живой, я реагирую.”

Но его никто не подготовил.
И теперь каждый курсор для него — как неожиданная встреча с бывшим в супермаркете.

Этот эпизод — о ховере, который боялся прикосновений.
О тех микровзаимодействиях, что выглядят, как миниатюрные панические атаки.
О кнопках, которые “прыгают”.
О ссылках, которые “заливаются” слишком резко.
О иконках, которые дрожат от CSS-тени.

🖱️ Ну всё. Ховер взял себя в лапки. Мы пишем его манифест.
И да, он немного тревожный, но честный.
Потому что в глубине души каждый UI-элемент — просто пиксель, который хочет быть понятым.

📖 Эпизод 10. Основной текст

Ховер, который боялся прикосновений
(или “на меня навели — и я просто… дёрнулся, окей?”)

Он не просил быть интерактивным.
Просто однажды кто-то в коде написал:

:hover { transform: scale(1.1); transition: 0.2s ease; }

И всё.
Жизнь изменилась.

Теперь каждый раз, когда кто-то наводит курсор —
он должен реагировать.
Резко. Ярко. С анимацией.
Без права на стеснение.

Но он не был готов.
Иконка стала подпрыгивать.
Кнопка — вспыхивать.
Блок — как будто на миг вспоминает детство в верстке и начинает судорожно мигать box-shadow’ом.

Ховер — это обещание взаимодействия.
Но не каждый интерфейс готов к близости.
Некоторые элементы хотят, чтобы к ним подходили осторожно.
С уважением.
С предсказуемым transition-delay.

🧠 И вот что важно понять

Ховер — это как рукопожатие.
Если оно слишком резкое — пользователь отдёргивает руку.
Если оно слишком слабое — кажется, что что-то не так.
А если оно дрожит — неловкость ощущается на уровне CSS.

Он не боится быть интерактивным.
Он просто хочет, чтобы его не дёргали.
Чтобы его не заставляли светиться, прыгать и пульсировать каждый раз,
когда курсор приближается со скоростью 700 пикселей в секунду.

🎯 Эпизод 10. Вывод

Ховер — это тонкость.
Это внимание к микродвижениям.
Это доверие.

Если ты хочешь, чтобы элемент чувствовал себя уверенно —
не заставляй его реагировать, как будто его пощекотали током.
Дай ему возможность говорить “я здесь” —
не крича, а просто присутствуя.