Ένας Loaders για το site και blog σας!

<style>
/* foulscode */
body {
  font-size: 50px;
  text-align: center;
  padding: 50px;
}
div {
  position: absolute;
  left: 50%;
  width: 50px;
  height: 200px;
  opacity: 0.25;
  -webkit-animation: whoosh 0.6s infinite;
}
.one {background-color: #000;-webkit-transform:rotate(30deg);animation-delay: 0.1s;}
.two {background-color: #000;-webkit-transform:rotate(60deg);animation-delay: 0.2s;}
.three {background-color: #000;-webkit-transform:rotate(90deg);animation-delay: 0.3s;}
.four {background-color: #000;-webkit-transform:rotate(120deg);animation-delay: 0.4s;}
.five {background-color: #000;-webkit-transform:rotate(150deg);animation-delay: 0.5s;}
.six {background-color: #000;-webkit-transform:rotate(180deg);animation-delay: 0.6s;}
@-webkit-keyframes whoosh {
  0%, 100%  {}
  50% {-webkit-border-radius: 50px;
      border-radius: 50px;
      opacity:0.3;
  }
}
/* foulscode */
</style>
<p>The Thing</p>
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
<div class="four"></div>
<div class="five"></div>
<div class="six"></div>