Team:XMU-China/css/loaderCss

1. loader {

   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   z-index: 9999999999;

} .spinner {

 margin: 100px auto;
 width: 40px;
 height: 40px;
 position: absolute;
 top: 50%;

left: 50%; margin-left: -40px; margin-top: -40px;

 -webkit-animation: rotate 2.0s infinite linear;
 animation: rotate 2.0s infinite linear;

}

.dot1, .dot2 {

 width: 60%;
 height: 60%;
 display: inline-block;
 position: absolute;
 top: 0;
 background-color: #333;
 border-radius: 100%;
  
 -webkit-animation: bounce 2.0s infinite ease-in-out;
 animation: bounce 2.0s infinite ease-in-out;

}

.dot2 {

 top: auto;
 bottom: 0px;
 -webkit-animation-delay: -1.0s;
 animation-delay: -1.0s;

}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {

 0%, 100% { -webkit-transform: scale(0.0) }
 50% { -webkit-transform: scale(1.0) }

}

@keyframes bounce {

 0%, 100% {
   transform: scale(0.0);
   -webkit-transform: scale(0.0);
 } 50% {
   transform: scale(1.0);
   -webkit-transform: scale(1.0);
 }

}