It's been a while since the last collection, but here I am with another one. Let's start 2022 with 100 CSS-only loaders. This time, I joined the Dark Side of the force to create "Dark Mode" loaders.
Always the same rule: One div = One loader.
Let's go!
css-loaders.com
Table of content
- The Moving
- The Infinity II
- The Maze
- The Square
- The Circle
- The Eyes
- The Factory
- The Square vs The Circle
- The Blob II
- The 3D
The Moving
The Infinity II
The Maze
A dot lost in a maze...
The Square
The Circle
The Eyes
They are watching you
The Factory
The Square vs The Circle
The Blob II
The 3D
You don't need 3D Glasses to watch the below!
That's it!
See you next collection ๐
OR
Oldest comments (31)
You are the great loader man, I really appriciate your work
Keep doing brother
The master of loaders is back, stronger than ever ๐ฏ๐ฅ
Now I know you are pushing the boundaries of CSS as I can only view about a third of them on my phone (safari is defo the new Internet Explorer! ๐คฃ), canโt wait to get back to my PC and enjoy these properly as they are always mega entertaining and interesting!
Looks like my hunch was right the other day on Twitter ๐
The dark side is strong with this one! ๐ช
As always an insta โค๏ธ๐ฆ!
I bet it's only the
aspect-ratioI am using a lot. If we remove it and use width/height it should be good for allalmost certain you are right, finally got to PC, they are ๐ฅ!
Probably my favourite set of the series!
๐โค๏ธ
A situation that reminds me one of my fav song: "back in black" ๐
awesome project!
Keep it up! I've been a fan of your loaders.
This is great stuff!
Beautiful loadersโwith just one div? Amazing!!
Very niiiice ๐
Would you mind if I use one of them in my pet project?
What's the license / how can I attribute you?
Yes sure, use them :)
No need any attribution ;)
Thank you! I'll add a link to you Dev.to profile then :-)