CSS loading rotate
/*
<button type="button"><span class="glyphicon glyphicon-refresh refreshing"></span> Refresh</button>
*/
.refreshing {
-webkit-animation:spin 1s linear infinite;
-moz-animation:spin 1s linear infinite;
animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/* center of the screen */
.popup {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.middle {
width: 100%;
height: 520px;
position: absolute;
top:0;
bottom: 0;
margin: auto;
}