CSS анімацыі пры навядзенні курсора мышы

Мне патрэбна невялікая дапамогу з CSS-анімацыі. Як я магу зрабіць гэта http://jsfiddle.net/nmsdvid/TdnVs/ толькі з дапамогай CSS. Таму, калі я лунаць над КРАБ DIV CSS-анімацыі пачнецца і будзе перамыкаць выявы (vws02.png чым vws01.png чым vws02.png) у той час як я знаходжуся на лунанні.

1
вы робіце гэта добра (першы малюнак статычна, другі малюнак з анімаваным GIF), CSS не можа пачынацца і не спыніць нічога.
дададзена аўтар Luca Filosofi, крыніца

2 адказы

Прыклад Краб вы далі гэта зрабіць толькі з дапамогай CSS. Пры навядзенні курсора малюнка яны проста змянілі форму малюнка http://nmsdvid.com/images/vws01.png у http://nmsdvid.com/images/gif.gif . Калі вы бачыце другі малюнак ўжо .gif малюнка (аніміраваныя малюнкі).

2
дададзена

тут вы правяраеце

#krab {         шырыня: 335px;         вышыня: 345px;         Фонавы малюнак: URL (https://www.planwallpaper.com/static/images/desktop-year-of-the-tiger-images-wallpaper.jpg);     }

#krab:hover { background-image:url(https://image.winudf.com/v2/image/Y29tLnp6d3BuZXcudGlnZXIzRF9zY3JlZW5zaG90c18wX2NhZWNhNzYz/screen-0.jpg?h=355&fakeurl=1&type=.jpg); }

дэма: http://jsfiddle.net/TdnVs/4/

1
дададзена