Reinicie o GIF animado como imagem de fundo
É possível reiniciar um GIF animado usado comobackground-image
?
Considere este HTML:
<div id="face">
<div id="eyes"></eyes>
</div>
E esse estilo:
#eyes.blink {
background-image:url('blink.gif');
}
Gostaria que oblink.gif
animação para reproduzir toda vez que adiciono a classeblink
para#eyes
, não apenas na primeira ve
Eu esperava que isso funcionasse:
function startBlink() {
$('#eyes').addClass('blink');
}
function stopBlink() {
$('#eyes').removeClass('blink');
}
O problema é que o Firefox e o navegador WebKit não reproduzem uma animação GIF de imagem de plano de fundo novamente. Adicionar / remover o piscar de classe funciona apenas na primeira ve