JSFiddle - React, Tailwind, and code Playground

by l2banners

HTML

<div class="menu">
  <div id="menu__item-1" class="menu__item">Так</div>
  <div id="menu__item-2" class="menu__item">Так</div>
  <div id="menu__item-3" class="menu__item">Так</div>
</div>

CSS

.menu {
  display: inline-block;
}
.menu:hover .menu__item {
  opacity: 0.3;
}

.menu .menu__item:hover {
  opacity: 1;
}