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

Question

[retrica]

На сайте изображение png, нужно что бы при наведении на него появлялось другое изображения в формате gif.

Answer 1

[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'">