Full Screen Loader

HTML :
<div class="loaderwrap hidden"><div class="loader"></div></div>

CSS :
.loaderwrap{
    float: right;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    right: 0px;
    z-index:99999999999;
    top: 0px;
  }
.loader {
    border: 8px solid transparent; /* Light grey */
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    border-radius: 50%;
    width:60px;
    height:60px;
    animation: spin 1.4s linear infinite;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}