悬停时使用动画更改图像 jQuery CSS

Question

大家好，我正在制作自己的社交按钮。我希望它改变哦悬停。我试过了：

但是没用。这是

<a href="#">
 <img src="http://i.imgur.com/TLGeYXo.png" />
</a>

<a href="#">
 <img src="http://i.imgur.com/bU0lzac.png" />
</a>

在第一张图片上，它是一个灰色和白色的 facbook 徽标。当鼠标悬停在我的第二个徽标（蓝色的 facebook 徽标）中时，我想更改。另外当它改变图像时，是否可以有这样的动画：

请查看页脚和她的社交按钮动画。我希望它是那样的。我不太了解 css 和我主要在后端工作的设计。

Answer 1

您可以使用相同的 img 标签，设置 css class 并从您的 css 文件动态设置鼠标悬停时的图像。

因此，如果您有一个 class 命名为： .NormalImg{--带有你的属性--} 为相同的 class 创建另一个元素 .NormalImg：将鼠标悬停在{--与你的属性--}

希望我能帮到你

Change image onhover with animation jQuery CSS