Adding 100 CSS loaders to the collection of — 500 CSS loaders ?

This content originally appeared on DEV Community and was authored by Temani Afif

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!

This content originally appeared on DEV Community and was authored by Temani Afif

Print Share Comment Cite Upload Translate Updates

APA

Temani Afif | Sciencx (2021-06-29T10:06:37+00:00) Adding 100 CSS loaders to the collection of — 500 CSS loaders ?. Retrieved from https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/

MLA

" » Adding 100 CSS loaders to the collection of — 500 CSS loaders ?." Temani Afif | Sciencx - Tuesday June 29, 2021, https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/

HARVARD

Temani Afif | Sciencx Tuesday June 29, 2021 » Adding 100 CSS loaders to the collection of — 500 CSS loaders ?., viewed ,<https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/>

VANCOUVER

Temani Afif | Sciencx - » Adding 100 CSS loaders to the collection of — 500 CSS loaders ?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/

CHICAGO

" » Adding 100 CSS loaders to the collection of — 500 CSS loaders ?." Temani Afif | Sciencx - Accessed . https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/

IEEE

" » Adding 100 CSS loaders to the collection of — 500 CSS loaders ?." Temani Afif | Sciencx [Online]. Available: https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/. [Accessed: ]

rf:citation

» Adding 100 CSS loaders to the collection of — 500 CSS loaders ? | Temani Afif | Sciencx | https://www.scien.cx/2021/06/29/adding-100-css-loaders-to-the-collection-of-500-css-loaders-%f0%9f%8f%86/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.