JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-item">
  <a href="">Меню (наведите на меня)</a>
  
  <div class="submenu">
    
    <ul class="submenu-list">
      <li><a href="">Пункт 1</a></li>
      <li><a href="">Пункт 2</a></li>
      <li><a href="">Пункт 3</a></li>
      <li><a href="">Пункт 4</a></li>
    </ul>
  </div>
</div>

CSS

* {margin: 0; padding: 0;}
li {list-style: none;}

.menu-item {
  position: relative;
}
.submenu {
  position: absolute;
 

 background: #000;
}
.menu-item:hover .submenu {
  opacity: 1;
   box-shadow: 10px rgba(0,0,0,1);

  
}