zoukankan      html  css  js  c++  java
  • css loading 效果

    .loading{  

        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

    //遮罩层, 

    .loading{

    position: fixed;

    top: 0px;

    left: 0px;

    right:0px;

    bottom:0px;

    background-color: #8FB0D1;

    -moz-opacity: 0.5;

    opacity:0.5;

    z-index:1001;

    filter: alpha(opacity=40);
    padding-top: 20%;
    }
  • 相关阅读:
    HDU 5521 Meeting
    HDU 5170 GTY's math problem
    HDU 5531 Rebuild
    HDU 5534 Partial Tree
    HDU 4101 Ali and Baba
    HDU 5522 Numbers
    HDU 5523 Game
    ZUFE OJ 2301 GW I (3)
    POJ 2398 Toy Storage
    POJ 2318 TOYS
  • 原文地址:https://www.cnblogs.com/liuq1991/p/7932087.html
Copyright © 2011-2022 走看看