Discussion on: Another 100 CSS loaders for your next project

[GrahamTheDev]

All these great and complex loaders and I love the 2nd one in "The Dots II", one I have officially stolen 😋

[Temani Afif]

do but please don't remove the CSS from it and make it a multi-frame image that you load using Ajax calls hidden inside the HTTP headers 🙏

[GrahamTheDev]

Damn it, you know me too well now, I guess I will use this new fangled CSS stuff.

Maybe I could build it using TailWind, I am sure that would make you happy 😂

[Temani Afif]

It would be a bit tricky using tailwind. You need to first build a JS plugin to extend the framework classes then

<div class="dots-3-2 animation-duration-2s animation-ease-linear">
  <span class="dot1 moving-to-top after-1s then-move-back-to-bottom"></span>
  <span class="dot2 moving-to-bottom immediately"></span>
  <span class="dot3 moving-to-bottom wait-until-dot1-reach-the-top then move-back-to-top"></span>
  <span class="dot4 do-nothing its-a-3-dots-animation "></span>
</div>

Even the browser will show in the console "come one man, I cannot do this !!" 🤣🤣

[GrahamTheDev]

you missed dot-is-black dot-is-12px dot-is-round dot-must-not-be-square dot-dot-is-on-white dot-has-no-clue-how-to-do-its-taxes on each span....get with the program!

[Temani Afif]

shame on me 😟 missed half the classes ... we can probably optimize the styling classes and add them to the parent element for more scalability all-dots-are-back-but-make-transparent-the-extra-ones all-dots-are-12px all-dots-are-round will-handle-the-taxes-for-my-dots

[GrahamTheDev]

🤣🤣🤣