title: SVG border animation
body: <p>I've found <a href="http://jsbin.com/kutewana/3/edit" rel="nofollow">this</a> cool SVG border animation and i tried to apply this to my website, however my website contains images that are of different sizes and thus animation is limited by the width and height. </p>
  
  <p>Is there any way to edit the code so that i can use this animation for all image sizes?</p>
  
  <p>Sorry for my poor english :) </p>
  
  <pre><code>&lt;svg width="200" height="200"&gt;
        &lt;line class="top" x1="0" y1="0" x2="600" y2="0"/&gt;
        &lt;line class="left" x1="0" y1="200" x2="0" y2="-400"/&gt;
        &lt;line class="bottom" x1="200" y1="200" x2="-400" y2="200"/&gt;
        &lt;line class="right" x1="200" y1="0" x2="200" y2="600"/&gt;
    &lt;/svg&gt;
  </code></pre>