title: scaling a circle on mouseover using Raphael
body: <p>Could you please help me in this.</p>
  
  <p>I am drawing a circle using Raphael.On mousehover the circle should zoomin and zoomout(scaling).</p>
  
  <p>I am able to increase the size of circle easily,but i want some effect in between increasing the size of the circle. It should increase like elastically.</p>
  
  <p>I want to develop that animation using Raphel.
  can you please help me</p>
  
  <p>This is the code i have written :</p>
  
  <pre><code>smallCircles[0].hover(function () { 
      smallCircles[0].animate({ fill: 'rgb(231,88,88)', opacity: 0.95, r: 55,r:45,r:55, 'stroke-width': 0 }, 100); 
    },
    function () { 
      smallCircles[0].animate({ fill: 'rgb(240,153,153)', opacity: 0.8, r: 35, 'stroke-width': 0 }, 300); 
  });
  </code></pre>
  
  <p>Thanks,
  Nagarjuna</p>