Мне очень понравилось реализовывать gif-анимацию на веб-сайте, и я использовал анимированный gif «без петель», отображаемый при наведении на логотип.
Он работает, как я ожидал, в Safari, воспроизводя анимацию один раз каждый разЯ наведите его.
Но Chrome и Firefox воспроизводят его только один раз, зависание несколько раз не воспроизведет его снова, и это позор для меня.
Так что вопрос: как я могусоздать те же возможности, что и в Safari, в этих основных браузерах?
Вот код, используемый здесь, может быть, здесь есть проблема:
.logo a {
display: inline-block;
}
.logo a:hover > img {
visibility: hidden;
}
.logo a:hover {
background: url(https://couill.art/wp-content/uploads/2018/05/logo-Couillart.gif) no-repeat;
background-size: contain;
}
<div class="logo navbar-left">
<a href="" title=""><img src="https://couill.art/wp-content/uploads/2018/05/logo-Couillart-gif.png" alt="logo"></a>
</div>
Спасибо.