JSFiddle - React, Tailwind, and code Playground

by Just a Student

HTML

<div class="parent">
  <div class="child"></div>
</div>

<div class="parent">
  <div class="child notice-me"></div>
</div>

CSS

.parent {
  display: inline-block;
  padding: 50px;
  background-color: #bada55;
  pointer-events: none;
}

.child {
  width: 50px;
  height: 50px;
  background-color: #ece7f2;
  transition: background-color .4s;
}
.child:hover {
  background-color: #2b8cbe;
}

.notice-me {
  pointer-events: auto;
}