title: Draw border around a circle with animation
body: <p>I want a 2px border to draw around a circle slowly when i hover on the circle. Something like this <a href="https://jsfiddle.net/cf6fqmbx/" rel="nofollow">https://jsfiddle.net/cf6fqmbx/</a></p>
  
  <p>I tried the same method, but I'm having content under the circle, so the box shadow is overlapping the content when i hover on it. Anyway to achieve this(CSS3 or jQuery)?</p>
  
  <p>My current fiddle <a href="https://jsfiddle.net/Lkch05ok/3/" rel="nofollow">https://jsfiddle.net/Lkch05ok/3/</a></p>
  
  <pre><code>&lt;div class="banner-image"&gt;&lt;/div&gt;
  
  &lt;div class="circle_holder"&gt;
    &lt;div class="circle"&gt;&lt;/div&gt;
    Lorem Ipsum Dolor
  &lt;/div&gt;
  </code></pre>