[问题]css3 @keyframe 里面 背景用2张gif 替换

楼主: cowcowjerry (阿牛)   2015-12-23 18:55:46
请问我有两张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 怎么写....
作者: sorarize (19)   2015-12-23 20:25:00
手机没办法测你说的,不过你可以用两个 div 设 opacity
楼主: cowcowjerry (阿牛)   2015-12-23 20:37:00
我有试用两div,但是他们会上下并排,不能重叠,设z-depath,下层看不到耶,就算上层透明度0了
作者: iamnodoubt (Have Fun)   2015-12-23 20:41:00
就5秒后用js把background-image换成b.gif,动画部分gif已经处理完了, 又不是用语法去做动画的,单纯换图片
楼主: cowcowjerry (阿牛)   2015-12-23 21:32:00
不会写JS阿 Q_Q
作者: sorarize (19)   2015-12-23 21:39:00
要用两个 div 的话 外面再包一层设 position relative里面两个设 position absolute 就可以重叠了
作者: Hevak (Arthow Eshes)   2015-12-23 21:41:00
两个div外面加一个div包起来,外面的div设position: relati
作者: sorarize (19)   2015-12-23 21:41:00
然后外面那层要设宽高把空间撑出来
作者: sorarize (19)   2015-12-23 21:50:00
XDDD
楼主: cowcowjerry (阿牛)   2015-12-23 22:02:00
ㄚㄚ成功了 谢谢大大门
作者: sorarize (19)   2015-12-24 05:50:00
对了 只用一个 div 搭配伪元素应该也可以?

Links booklink

Contact Us: admin [ a t ] ucptt.com