懸停的CSS動畫

我需要CSS動畫的一些幫助。我怎樣才能使這個http://jsfiddle.net/nmsdvid/TdnVs/只與CSS。所以，當我將鼠標懸停在krab div上時，css動畫將啓動並在我懸停時切換圖像（vws02.png比vws01.png比vws02.png）。懸停的CSS動畫

來源

2011-10-28 nmsdvid

你正在做的很好（第一靜態圖像與動畫GIF第二圖像），CSS不能啓動和停止無關。 –

你給出的krab的例子只用css完成。在圖片懸停時，他們只是將圖片表格http://nmsdvid.com/images/vws01.png更改爲http://nmsdvid.com/images/gif.gif。如果您看到第二張圖片已經是.gif圖片（動畫圖片）。

來源

2011-10-28 06:58:54

這裏您檢查

#krab { 寬度：335px; height：345px; background-image：url（https://www.planwallpaper.com/static/images/desktop-year-of-the-tiger-images-wallpaper.jpg）; }

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

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

來源

2017-12-07 08:28:32 Rizo

懸停的CSS動畫

回答

相關問題