Cacher is the code snippet organizer for pro developers

<style>

.page-loader {
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9998;
}


.loader {
  text-align: center;
  width: 100px;
  height: 100px;
  animation:ball-rotate-ani1 4s ease-in-out infinite;
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

.loader span{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 5px;
    background: #009fdf;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.loader span.bounce-1 {
    animation-delay: -.32s
}

.loader span.bounce-2 {
    animation-delay: -.16s
}

.loader > div{
  margin-top: 15px;
}

@keyframes sk-bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
</style>
	
	<!-- PRELOADER -->
	<div class="page-loader">
		<div class="loader">
			<span class="bounce-1"></span>
			<span class="bounce-2"></span>
			<span class="bounce-3"></span>
			<div>
				<strong>Loading</strong>
			</div>
		</div>
	</div>
	<!-- /PRELOADER -->