JSFiddle - React, Tailwind, and code Playground

by Bhabani Raju

HTML

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

CSS

.droplet {
  background: mediumaquamarine;
  border-radius: 2% 50%;
  height: 100px;
  margin: 100px;
  transition: all 3s;
  transition-timing: ease-in-out;
  width: 100px;
}

.droplet:hover {
  transform: rotate(1080deg);
}