rotating background pls wait...

by Exceeder

HTML

<div style="position:relative; top:180px; left:200px;">
<div class="spinner col1"/>
<div class="spinner col2"/>
<div class="spinner col3"/>
</div>

CSS

.spinner {
    position:absolute;
    top:50px;
    left:50px;
    width: 80px;
    height: 80px;
    border: 40px solid;
    /*border-top-color: #fff;
    border-bottom-color: #fff;*/ /* commented out to see the wobble better */
    border-radius: 70px;    
    
    -webkit-animation: application-loading-rotate 3s;
    animation: application-loading-rotate 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.col1 { border-color: #2244ee; }
.col2 { border-color: #4455e4; }
.col3 { border-color: #7777f0; }

@-webkit-keyframes application-loading-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes application-loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}