首页 > Web开发 > 详细

css loading 效果

时间:2017-11-30 22:06:19      阅读:202      评论:0      收藏:0      [点我收藏+]

.loading{  

    width:160px;  

   height:56px;  

   position: absolute;  

   top:50%;  

  left:50%;  

  line-height:56px;  

  color:#fff;  

 padding-left:60px;  

  font-size:15px;  

    background: #000 url(images/loader.gif) no-repeat 10px 50%;  

  opacity: 0.7;  

   z-index:9999;  

    -moz-border-radius:20px;  

    -webkit-border-radius:20px;  

    border-radius:20px;  

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  

}  

 

<div id="loading" class="loading">Loading pages...</div

css loading 效果

原文:http://www.cnblogs.com/liuq1991/p/7932087.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!