JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div></div>
</div>

CSS

div.wrapper div{
  width: 100px;
  height: 100px;
  background: red;
  transition: 1s;
  position: absolute;
  left: 0;
  opacity: 0.2;
}
.wrapper:hover div{
  left: 50px;
  opacity: 1;
}