the mouse on the box and then change the shape

.box
{
border-radius:6px;
background:#666;
transition-property:background,border-radius;
transition-duration:2s;
transition-time-function:linear
}

.box:hover
{
background:#333;
border-radius:50%;
}

  

the mouse on the box and then change the shape