12 PURE CSS LOADERS
by Rehmat (Animated Creativity) - MIT License

1. Add to the <head>:  <link rel="stylesheet" href="loaders.css">
2. Paste a loader:     <span class="ldr ldr-ring"></span>

Loaders: ldr-ring, ldr-dual, ldr-arc, ldr-pulse, ldr-ripple, ldr-orbit, ldr-flip, ldr-progress
         ldr-dots (3 <i>), ldr-wave (5 <i>), ldr-bars (4 <i>), ldr-grid (9 <i>)

Colour: the loader uses the current text colour:  style="color:#7c5cff"
Size:   style="--ldr-size:64px"
Speed:  style="--ldr-speed:.6s"

Open index.html, pick a colour and click a loader to copy its HTML.

More free kits and custom work: https://animatedcreativity.com/
