悬停时的CSS动画

Question

我需要一些CSS动画的帮助。如何使用CSS制作此http://jsfiddle.net/nmsdvid/TdnVs/。因此，当我将鼠标悬停在krab div上时，css动画将开始并在我悬停时切换图像（vws02.png比vws01.png而不是vws02.png）。

Answer 1

你给出的krab的例子仅用css完成。在图片悬停时，他们刚刚将图片格式http://nmsdvid.com/images/vws01.png更改为http://nmsdvid.com/images/gif.gif。如果您看到第二张图像已经是.gif图像（动画图像）。

Answer 2

在这里检查

#krab {         宽度：335px;         高度：345px;         背景图像：网址（https://www.planwallpaper.com/static/images/desktop-year-of-the-tiger-images-wallpaper.jpg）;     }

#krab：hover { 背景图像：网址（https://image.winudf.com/v2/image/Y29tLnp6d3BuZXcudGlnZXIzRF9zY3JlZW5zaG90c18wX2NhZWNhNzYz/screen-0.jpg?h=355&fakeurl=1&type=.jpg）;     }

演示：http：//jsfiddle.net/TdnVs/4/