Sichqoncha ustida CSS Animatsiyasi

CSS animatsiyasi bilan bir oz yordam kerak. Qanday qilib men CSS bilan bu http://jsfiddle.net/nmsdvid/TdnVs/ qilishim mumkin. Shunday qilib, krab-divni kezganimda, CSS animatsiyasi boshlanadi va men suratga tushayotganimda tasvirlarni o'zgartiraman (vws02.png dan vws01.png ga nisbatan vws02.png).

1
siz yaxshi ish qilyapsiz (birinchi rasm statik, jonlantirilgan gifli ikkinchi tasvir), CSS hech qanday ishni boshlamaydi va to'xtata olmaydi.
qo'shib qo'ydi muallif Luca Filosofi, manba

2 javoblar

Siz bergan krabning misoli faqat CSS bilan amalga oshiriladi. Rasmni suratga olishda ular faqat rasm shaklini o'zgartirdi http://nmsdvid.com/images/vws01.png ga http://nmsdvid.com/images/gif.gif . Agar ikkinchi tasvirni allaqachon .gif tasvir (animatsiya tasvir) deb hisoblasangiz.

2
qo'shib qo'ydi

Bu erda siz tekshirasiz

#krab {         kengligi: 335px;         balandligi: 345px;         background-image: 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); }

demo: http://jsfiddle.net/TdnVs/4/

1
qo'shib qo'ydi