41, 42 Awesome Loading Animation from CodePen

41. square loader by Johan Olsson

42. Less Loaders by JesGraPa

– In some pens, the JavaScript or jQuery used for stop, hide, replay, pause or for some other action.
– Special Thanks to CodePen and The Creator of these awesome pens.
– We recommend you to open this post in Computer(big screen size) because sometimes animations doesn’t work correctly on small Devices. And we also recommend you to see this in Google Chrome. Thank you.
– Go to previous by clicking on one of the below buttons.



32

<div class="wrapper">
 
  <div class="set">
    <span class="loading hop">
      <span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span>
    </span>
  </div>
  
  <div class="set">
    <span class="loading spin">
      <span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span>
    </span>
  </div>
  
    <div class="set">
    <span class="loading zoom">
      <span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span>
    </span>
  </div>
  
  <div class="set">
    <span class="loading back-flip">
      <span>L</span><span>o</span><span>a</span><span>d</span><span>i</span><span>n</span><span>g</span>
    </span>
  </div>
  
</div>