title: Transitioning bootstrap's img-circle to img-rounded gradually
body: <p>Is there a way to make an image change its class from img-circle to img-rounded not instantly but gradually via a mouse hover?</p>
  
  <p>I understand it must be done via javascript/jquery since there is no other way to change a class of an object otherwise</p>