Можно ли управлять gif при :hover?

Question

[Андрей Скуратов]

Подскажите есть ли какой нибудь плагин на jQuery что бы при ховере на картинку.gif срабатывала анимация самой гифки а при убирании курсора с картинки она воспроизводилась в обратном направлении(в независимости от того доиграла гифка до конца или нет)??

Видел подобное на одном сайте но там через svg сделано,очень сложно и не понятна структура все этого.
И еще такой вопрос почему при ховере если гифка доигрывает до конца то при повторном ховере она сразу принимает конечный вид? можно этот как то исправить что бы при каждом ховере она начинала сначала???

Answer 1

[Андрей Кварцов]

Например:

<div class="gif">
 <img src="animation.gif">
</div>

.gif {
 width: 100px;
 height: 100px;
 background: url(static.jpg);
}

.gif img {
 display: none;
}

.gif:hover img {
 display: block;
}