A collection of loading spinners animated with CSS
Switch branches/tags
Nothing to show
Pull request Compare This branch is 39 commits behind lukehaas:step2.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
images
jade
less
script
.gitignore
Gruntfile.js
LICENSE
README.md
index.html
package.json

README.md

Single Element CSS Spinners

This is a collection of loading spinners animated with CSS.

Each spinner consists of a single div with a class of 'loader' and 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.