RGB Loading Effect

by @admin · 6 views

<section>
  <div class="loader">
    
    <div class="dot" style="--i:0"></div>
    <div class="dot" style="--i:1"></div>
    <div class="dot" style="--i:2"></div>
    <div class="dot" style="--i:3"></div>
    <div class="dot" style="--i:4"></div>
    <div class="dot" style="--i:5"></div>
    <div class="dot" style="--i:6"></div>
    <div class="dot" style="--i:7"></div>
    <div class="dot" style="--i:8"></div>
    <div class="dot" style="--i:9"></div>
  </div>
  <h2>Loading...</h2>
    <div class="loader">
    
    <div class="dot" style="--i:0"></div>
    <div class="dot" style="--i:1"></div>
    <div class="dot" style="--i:2"></div>
    <div class="dot" style="--i:3"></div>
    <div class="dot" style="--i:4"></div>
    <div class="dot" style="--i:5"></div>
    <div class="dot" style="--i:6"></div>
    <div class="dot" style="--i:7"></div>
    <div class="dot" style="--i:8"></div>
    <div class="dot" style="--i:9"></div>
  </div>
</section>

RGB Loading Effect

More in Loaders

Popsicle Loader

Traffic Light Loader Animation

Glowing Squares Loader

Battery Charging Progress