p2_bg_loading无法实现啊

源自：3-12 移动端项目开发——交互(page2_loading)

p2_bg_loading无法实现啊

无法实现图2的p2_bg_loading. 当我使用z-index=4时候，就看不到几个circle了。但是我circle并没有添加zindex啊。如果不用呢，就看不到效果。我都改成2s了都没效果。应该是没运行吧？

提问者：Anny0727 2016-03-22 00:39

个回答

如此、幸福

2016-04-06 23:32:48

在HTML中哪部分加啊

0
稀滔

2016-03-22 13:09:16

先在html代码中添加 <div class="bg p2_bg_loading"></div>
再在css代码中添加
#page2 > .p2_bg_loading {
z-index: 4;
background:#ef1639;
-webkit-animation:p2_bg_loading 1s linear forwards;
animation:p2_bg_loading 1s linear forwards;
}
@-webkit-keyframes p2_bg_loading {
0% { opacity: 1;}
100% {opacity: 0.2;}
}
@keyframes p2_bg_loading {
0% { opacity: 1;}
100% {opacity: 0.2;}
}
就可以啦~

0