JSFiddle - React, Tailwind, and code Playground

by Arthur Miko

HTML

<div class="lower-box">
  <a href="#"><div class="elem"></div></a>
  <a href="#"><div class="elem"></div></a>
  <a href="#"><div class="elem"></div></a>
</div>
<div class="higher-box">
  
</div>

CSS

.elem {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: #777;
  transition: 1s;
}

.elem:hover {
  cursor: pointer;
  background: #f77;
}

.higher-box {
  position: relative;
  margin-top: -50px;
  width: 308px;
  height: 100px;
  background: rgba(0, 0, 255, .9);
  z-index: 1;
}