JSFiddle - React, Tailwind, and code Playground

by Love Trivedi

HTML

<div class="box">
      <div class="inner_box">
      </div>
 </div>

CSS

.box {
    width:100px;
    height:100px;
    border:1px solid #ccc;
    padding:10px;
}
.box .inner_box {
  -webkit-box-shadow: 2px 2px 2px;
  -moz-box-shadow: 2px 2px 2px;
  box-shadow: 2px 2px 2px;
    width:50px;
    border:1px solid #ccc;
    height:50px;
}
.box:hover > .inner_box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}