請問我有兩張gif圖 當成DIV裡面的background-image
第一張是導覽頁動畫 長度5秒 只設定播放一次
第二章是接導覽頁動畫結束的畫面 長度3秒 設定一直重複
請問可以純粹用css3 @keyframe 動畫作設定嗎?
例如
gif-animate{
0%{background-image:url(a.gif);}
99.9%{background-image:url(a.gif);}
100%{background-image:url(b.gif);}
}
我自己試了好像不行~"~
因為不能用FLASH ， 但不知道用HTML&CSS3 怎麼寫....

手機沒辦法測你說的，不過你可以用兩個 div 設 opacity

我有試用兩div,但是他們會上下並排，不能重疊，設z-depath,下層看不到耶，就算上層透明度0了

就5秒後用js把background-image換成b.gif,動畫部分gif已經處理完了, 又不是用語法去做動畫的,單純換圖片

不會寫JS阿 Q_Q

要用兩個 div 的話 外面再包一層設 position relative裡面兩個設 position absolute 就可以重疊了

兩個div外面加一個div包起來，外面的div設position: relati

然後外面那層要設寬高把空間撐出來

XDDD

ㄚㄚ成功了 謝謝大大門

對了 只用一個 div 搭配偽元素應該也可以？