JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

HTML

<div class="div" id="div-1">
1
</div>
<div class="div" id="div-2">
2
</div>
<div class="div" id="div-3">
2
</div>

CSS

div.div{
  width: 100px;
  border: 1px solid red;
  background: #ccc;
  height: 100px;
  display: inline-block;
}
#div-2:hover + #div-3{
box-shadow: 2px 3px 3px #ccc;
}