作者cowcowjerry (阿牛)
看板Web_Design
标题[问题]css3 @keyframe 里面 背景用2张gif 替换
时间Wed Dec 23 18:55:46 2015
请问我有两张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 怎麽写....
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.237.231.251
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1450868149.A.E65.html
1F：→ sorarize: 手机没办法测你说的，不过你可以用两个 div 设 opacity 12/23 20:25
2F：→ cowcowjerry: 我有试用两div,但是他们会上下并排，不能重叠，设z-d 12/23 20:37
3F：→ cowcowjerry: epath,下层看不到耶，就算上层透明度0了 12/23 20:37
4F：推 iamnodoubt: 就5秒後用js把background-image换成b.gif,动画部分 12/23 20:41
5F：→ iamnodoubt: gif已经处理完了, 又不是用语法去做动画的,单纯换图片 12/23 20:42
6F：→ cowcowjerry: 不会写JS阿 Q_Q 12/23 21:32
7F：→ sorarize: 要用两个 div 的话 外面再包一层设 position relative 12/23 21:39
8F：→ sorarize: 里面两个设 position absolute 就可以重叠了 12/23 21:40
9F：→ Hevak: 两个div外面加一个div包起来，外面的div设position: relati 12/23 21:41
10F：→ sorarize: 然後外面那层要设宽高把空间撑出来 12/23 21:41
11F：→ Hevak: ve;，里面的两个div设position: absolute;就会叠 12/23 21:41
12F：→ Hevak: 可恶慢了=_= 12/23 21:41
13F：→ sorarize: XDDD 12/23 21:50
14F：→ cowcowjerry: ㄚㄚ成功了 谢谢大大门 12/23 22:02
15F：→ sorarize: 对了 只用一个 div 搭配伪元素应该也可以？ 12/24 05:50