p2_bg_loading无法实现啊
来源：3-12 移动端项目开发——交互(page2_loading)
Anny0727
2016-03-22 00:39
无法实现图2的p2_bg_loading. 当我使用z-index=4时候，就看不到几个circle了。但是我circle并没有添加zindex啊。 如果不用呢，就看不到效果。我都改成2s了都没效果。应该是没运行吧？
写回答
关注
2回答
-
- 如此、幸福
- 2016-04-06 23:32:48
在HTML中哪部分加啊
-
- 稀滔
- 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;}
}
就可以啦~
HTML5+CSS3实现春节贺卡
又逢新春佳节，春节贺卡搞起来，学会HTML5+CSS3实现春节贺卡
110036 学习 · 450 问题
相似问题