Edit in JSFiddle

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

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