JSFiddle - React, Tailwind, and code Playground

by Bhabani Raju

HTML

<div class="droplet"></div>

CSS

.droplet {
  background: mediumaquamarine;
 
  height: 10px;
  margin: 100px;
  transition: all 1s;

  width: 100px;
}
.droplet:hover {
   width: 300px;
  transform: translateX(25px);;
}