Preloader

Examples for adding custom Preloader with CSS and JavaScript using CSS3 for animations.

Examples

Use .js-preloader div before closing html. then change animation class on .loading-animation div, for example .tri-ring, .duo-pulse etc.

  • Three Ring
  • Double Pulse
Code Example
<div class="js-preloader">
    <div class="loading-animation tri-ring"></div>
</div>

<div class="js-preloader">
    <div class="loading-animation duo-pulse"></div>
</div>