JSFiddle - React, Tailwind, and code Playground

HTML

<div id="circle"></div>

CSS

#circle {
  width: 100px;
  height: 100px;
  background: red;
  transition: transform .7s;
  border-radius: 50%;
  
  transform-origin: center; /* 1 */
}

#circle:hover {
  transform: scale(2); /* 2 */
}