CSS实现的loading页面等待效果

来源:互联网 发布:c语言二级考试选择题 编辑:程序博客网 时间:2024/05/20 06:38
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>无标题文档</title>  <style type="text/css">  .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(http://img.my.csdn.net/uploads/201211/14/1352886927_7549.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);  }  </style>  </head>  <body>  <div id="loading" class="loading">正在全力加载中...</div>  </body>  </html> 
0 0
原创粉丝点击