我需要一些CSS动画的帮助。如何使用CSS制作此http://jsfiddle.net/nmsdvid/TdnVs/。因此,当我将鼠标悬停在krab div上时,css动画将开始并在我悬停时切换图像(vws02.png比vws01.png而不是vws02.png)。
答案 0 :(得分:2)
你给出的krab的例子仅用css完成。在图片悬停时,他们刚刚将图片格式http://nmsdvid.com/images/vws01.png更改为http://nmsdvid.com/images/gif.gif。如果您看到第二张图像已经是.gif图像(动画图像)。
答案 1 :(得分:1)
在这里检查
#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/