Задать вопрос
@ZeroSteep
Только учусь web-разработкам
javascript

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

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

Видел подобное на одном сайте но там через svg сделано,очень сложно и не понятна структура все этого.
И еще такой вопрос почему при ховере если гифка доигрывает до конца то при повторном ховере она сразу принимает конечный вид? можно этот как то исправить что бы при каждом ховере она начинала сначала???
  • Вопрос задан
  • 418 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@kolesov_prod
Например:
<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;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Программа (скрипт) для автоматизации торговли Solana
25 апр. 2024, в 00:45
100 руб./в час
Ещё заказы