MF Loader

by sberube

HTML

<div>
  <h3>
Faster
</h3>

  <div class="loader">
  </div>
  <br>
  <div class="loader sm">

  </div>
  <br>
  <div class="loader xs">

  </div>

  <h3>
Slower
</h3>
  <div class="loader slow">
  </div>
  <br>
  <div class="loader slow sm">

  </div>
  <br>
  <div class="loader slow xs">

  </div>

  <h3>
  Alternatives
  </h4>
  
  <div class="spinner">
  <div class="double-bounce1"></div>
  <div class="double-bounce2"></div>
</div>
<br>
  <div class="spinner sm">
  <div class="double-bounce1"></div>
  <div class="double-bounce2"></div>
</div>
<br>
  <div class="spinner xs">
  <div class="double-bounce1"></div>
  <div class="double-bounce2"></div>
</div>
</div>

CSS

.loader.slow {
  background-image:...