JSFiddle - React, Tailwind, and code Playground

HTML

<div id="yourDiv">
</div>

CSS

#yourDiv 
{
  background-color:#c69;
    width:100px;
  height:100px;
    margin:20px;
  opacity:1;
  filter:alpha(opacity=100);
  -webkit-transform: scale(1,1);
      -ms-transform: scale(1,1);
          transform: scale(1,1);
  -webkit-transition: all 0.2s ease-in-out 0.5s;
          transition: all 0.2s ease-in-out 0.5s;
}
#yourDiv:hover
{
  -webkit-transform: scale(1.2,1.2);
      -ms-transform: scale(1.2,1.2);
          transform: scale(1.2,1.2);
  opacity:0.8;
  filter:alpha(opacity=80);
}