Перезапустите анимированный GIF как фоновое изображение.
Можно ли перезапустить анимированный GIF, используемый какbackground-image
?
Рассмотрим этот HTML:
<div id="face">
<div id="eyes"></eyes>
</div>
И этот стиль:
#eyes.blink {
background-image:url('blink.gif');
}
Я хотел быblink.gif
анимация, чтобы играть каждый раз, когда я добавляю классblink
в#eyes
не только в первый раз.
Я ожидал, что это сработает:
function startBlink() {
$('#eyes').addClass('blink');
}
function stopBlink() {
$('#eyes').removeClass('blink');
}
Проблема заключается в том, что Firefox и браузер WebKit не воспроизводят анимацию GIF фонового изображения после однократного воспроизведения. Добавление / удаление класса blink работает только в первый раз.