title: gif animation set up once running only once
body: <p>I have one png image and another gif image. And the gif image is made from photoshop with setting for once.</p>
  
  <p><img src="https://i.stack.imgur.com/1xttb.gif" alt="enter image description here"></p>
  
  <p>Now when I hover the button then <code>background-image</code> is changed with the gif image but if again hovered then it will change the background image to gif file but not animating.</p>
  
  <p>Is there any solution for this?</p>
  
  <p><a href="http://jsfiddle.net/2bCMp/" rel="nofollow noreferrer">demo</a></p>