title: CSS3 animate border color
body: <p>I want to animate borders of an element using CSS3, whether it's in hover state or normal state. Can someone provide me a code snippet for this or can guide?</p>
  
  <p>I can do this using jQuery but looking for some pure CSS3 solution.</p>