8

Adding 100 CSS loaders to the collection of โ€” 500 CSS loaders ๐Ÿ†

 2 years ago
source link: https://dev.to/afif/adding-100-css-loaders-to-the-collection-of-500-css-loaders-2a3p
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Cover image for Adding 100 CSS loaders to the collection of โ€” 500 CSS loaders ๐Ÿ†

Adding 100 CSS loaders to the collection of โ€” 500 CSS loaders ๐Ÿ†

Jun 29

ใƒป2 min read

CSS Loaders (5 Part Series)

500 single element CSS loaders. Pure CSS loaders with only one div. The biggest collection of loading animation using only CSS.

Ok, ok, let's stop this introduction and move to the real fun ๐Ÿ˜œ


Table of content


The Thin

The Colorful II

The Dots V

The Line II

The Cut

The Arrow

The Shapes IV

The Clones II

The Blob

The Fullscreen

Some people also like fullscreen loaders ๐Ÿ˜‰


This is not the end

500 CSS loaders is a good milestone but I will not stop there. I have explored the "one div loader" and it's time to push the limit of CSS. I won't say more so stay tuned for next collection!

CSS Loaders (5 Part Series)

Discussion (11)

pic

CollapseExpand

I really wish I built things that were slow enough to need a loader (sir humblebrag has arrived! ๐Ÿ˜‹๐Ÿคฃ)...just so I could use some of these!

When you get to 1000 are you planning on building a site dedicated to loaders (with a "copy to clipboard" functionality)? As that would be an awesome resource!

Comment button Reply

CollapseExpand

Author

โ€ข

Jun 29

maybe it's already in progress .. oops, did I say this out loud ๐Ÿ˜›

Comment button Reply

CollapseExpand

I'm glad, I can imagine it being a really good resource and when I do need a loader you know I am a fan of the simple dots ones!

Are you planning on making it so you can pick a colour (colours), change speeds etc? (Sorry might be giving too much away ๐Ÿ˜‹)

Thread

Thread

Author

โ€ข

Jun 29

Sorry I cannot say more, this interview is over ...
[me wearing my sunglass and jumping into my limousine hunted by the journalists ๐Ÿƒ๐Ÿปโ€โ™€๏ธ ๐Ÿƒ๐Ÿป๐Ÿƒ๐Ÿปโ€โ™€๏ธ ๐Ÿƒ๐Ÿป ...]

Thread

Thread

And now the conspiracy theorists will be all over you, hounding you day and night for walking out on the interview.

Is Temani an alien? (it would explain his CSS skills being beyond those of mere humans)

Does he know where the bodies are buried?

Why was there a limousine waiting for him outside a McDonalds (and why does he always insist on having interviews at McDonalds?) and how on earth did they get the limo through the drive-through?

For this and more answers to questions you didn't even think to ask subscribe to buzzfeed!

Thread

Thread

XX: InHuOfficial is disturbing the Boss. He might find our secret. Send the Xantorus
YY: The Xantorus! are you sure?
XX: Yes!!
The Xantorus: โŠ‘โŸ’โŒฐโŒฐโœ แปปโŽโ‹”โƒโ‹โŒ‡


MBC News: last night a mysterious flash was seen by many people.
people: It was a huge blue light coming from the sky! it was scray. It only lasted few seconds then its gone!
The Nasa: don't worry, this a known phenomenom that happen each 112 years due to [ ... ]
The Nasa to the army: Yes it's again Afif playing with his Xantorus but everything is under control now.
The army to Biden: no, it was only one person this time. We will erase all the related document as usual.

Thread

Thread

Official Statement from InHu:

"Temani is a human human who does human things. I was wrong to even suggest he is not a human with human body.

The human Temani has forgiven me for suggesting his human skills are anything other than human and I apologise to my fellow humans for any confusion caused.

Thank you."

mic accidentally left on - No put down the blaster, I did as you asked....what the hell is that? A tentacle? where are you going to put that...no...no not in my a๐Ÿ˜จ

Thread

Thread

Author

โ€ข

Jun 29

Thread

Thread

๐Ÿคฃ๐Ÿคฃ anyway, I look forward to the site when it is done, I have learned my lesson, no more questions ๐Ÿ˜‹

Thread

Thread

CollapseExpand

It's really fascinating that one person building so many amazing CSS loader each week for everyone's need!

Comment button Reply


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK