Задать вопрос
retrica
@retrica
Канцлер Германии
html

Как сделать что бы при наведении на png изображение вместо него появлялась gif анимация?

На сайте изображение png, нужно что бы при наведении на него появлялось другое изображения в формате gif.
  • Вопрос задан
  • 3706 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
More916
@More916
Либо заменять элемент на div с бекграундом:
.myImg {
  background: url('static.png');
}
.myimg:hover { 
  background: url('animation.gif');
}


Либо через js, например так:
<img src="static.png" onmouseenter="this.src='animation.gif'" onmouseleave="this.src='static.png'">
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер и админку
19 апр. 2024, в 14:12
30000 руб./за проект
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Разработка дизайна мобильного приложения которое управляет вентиляцией
19 апр. 2024, в 14:01
70000 руб./за проект
Ещё заказы