Expanding circle

HTML

<div id="round">

</div>

CSS

#round{
  background-color:blue;
  border-radius:20px;
  height:40px;
  width:40px;
  transition:width .6s ease-in;
}

#round:hover{
  width:250px;
}