JSFiddle - React, Tailwind, and code Playground

by Pratik Galoria

HTML

<div class="mask">
  <div class="pic">
  </div>
</div>

CSS

.pic {
  width: 100px;
  height: 100px;
  background: #eee;
}

.mask {
  width: 0px;
  height: 100px;
  border: 1px solid black;
  transition: width .5s linear;
}

.mask:hover {
  width: 100px;
}