Этот эффект можно реализовать, используя только CSS, объединив псевдоклассы `:has()` и `:not()`:

.menu:has(.item:hover) .item:not(:hover) {
  filter: blur(8px);
}

Проще говоря:

> Если внутри .menu есть элемент, на который наведен курсор, применить размытие ко всем остальным элементам, которые в данный момент не находятся под курсором.

@WebDev_Plus