lukehaas/ css-loaders
Need help with css-loaders?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
About the developer
6.6K Stars 
1.0K Forks 
MIT License 
56 Commits 
18 Opened issues 
Description
A collection of loading spinners animated with CSS
Services available
Contributors list
Readme
Single Element CSS Spinners
This is a collection of loading spinners animated with CSS.
Each spinner consists of a single
divwith a class of
loaderand content text of "Loading...". The text is for screen readers and can be used as a fallback state for older browsers.
The aim of this project was to create a set of minimal loading spinners that are visually appealing and also convey their intended meaning.
A strict limit of one element per loader (not including pseudo-elements) was placed on this project based on the belief that something as simple as a loader doesn't deserve more.
Each loader is given a font size in pixels and all other sizes are in ems so to change the size of a loader, just adjust the font-size.
Demo
Browser Support
|
 |
 |
 |
 |
|---|---|---|---|---|
| IE 10+ ✔ | Chrome 4.0+ ✔ | Firefox 16.0+ ✔ | Opera 15.0+ ✔ | Safari 4.0+ ✔ |
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :)
History
For detailed changelog, check Releases.