JQuery Hover работает только на событие клика?

Для чистого ответа CSS вы можете использовать фильтр размытия, чтобы добавить размытие в градиент css и облегчить полосу. Это может означать некоторую перестройку иерархии, чтобы не размыть содержимое, и вам нужно скрыть переполнение, чтобы получить четкие края. Работает очень хорошо на анимационном фоне, где проблема с диапазоном может быть особенно тяжелой.

.blur{
  overflow:hidden;
  filter: blur(8px);
}