Load Awesome

An awesome collection of — Pure CSS — Loaders and Spinners

A full suite of 53 animations for websites, created and maintained by Daniel Cardoso.

Table of contents

• Browser Support
• Quick start
• Usage
• Customising
• Versioning
• Creator
• License

Browser Support

Latest ✔	Latest ✔	10+ ✔	Latest ✔	Latest ✔

Quick start

Several quick start options are available:

• Download the latest release
• Clone the repo: git clone https://github.com/danielcardoso/load-awesome.git
• Install with Bower: bower install load-awesome

Usage

Standard

• Include specific css file (e.g. ball-atom.css)
• Create an element and add the animation class (e.g. <div class="la-ball-atom"></div>)
• Insert the appropriate number of childrens <div>s into the previous element

Customising

Changing all colors

Add styles to the main:

.la-ball-atom {
    color: #79bbb5;
}

Changing color of specific elements

Add styles to the correct child div elements:

.la-ball-atom > div:nth-child(1) {
    color: #f4696b;
}
.la-ball-atom > div:nth-child(2) {
    color: #87c4a3;
}
.la-ball-atom > div:nth-child(3) {
    color: #fec54f;
}

Versioning

Load Awesome will be maintained under the Semantic Versioning guidelines. Releases will be numbered with the following format:

<major>.<minor>.<patch>

For more information on SemVer, please visit http://semver.org.

Creator

Daniel Cardoso

• @Twitter
• @GitHub

License

The MIT License (MIT)

Copyright (c) 2015 DanielCardoso.net

Please view this file on the master branch, on stable branches it's out of date.

v 1.1.0 (Jul 12, 2015) Improvements on documentation pages, several bug fixes on animations. Added 3X version and removed Large version.

Added 7 animations:

- Ball Spin Clockwise Fade Rotating
- Ball Spin Fade Rotating
- Fire
- Line Spin Clockwise Fade Rotating
- Line Spin Fade Rotating
- Square Loader
- Timer

v 1.0.1 (May 21, 2015) Minor style adjustments on several animations and examples.

Added 4 animations:

- Ball Spin
- Ball Spin Clockwise
- Ball Square Clockwise Spin
- Ball Square Spin

v 1.0.0 (May 11, 2015) First public release.

Added 42 animations:

- Ball 8bits
- Ball Atom
- Ball Beat
- Ball Circus
- Ball Climbing Dot
- Ball Clip Rotate
- Ball Clip Rotate Multiple
- Ball Clip Rotate Pulse
- Ball Elastic Dots
- Ball Fall
- Ball Fussion
- Ball Grid Beat
- Ball Grid Pulse
- Ball Newton Cradle
- Ball Pulse
- Ball Pulse Rise
- Ball Pulse Sync
- Ball Rotate
- Ball Running Dots
- Ball Scale
- Ball Scale Multiple
- Ball Scale Pulse
- Ball Scale Ripple
- Ball Scale Ripple Multiple
- Ball Spin Clockwise Fade
- Ball Spin Fade
- Ball Spin Rotate
- Ball Triangle Path
- Ball Zig Zag
- Ball Zig Zag Deflect
- Cog
- Cube Transition
- Line Scale
- Line Scale Party
- Line Scale Pulse Out
- Line Scale Pulse Out Rapid
- Line Spin Clockwise Fade
- Line Spin Fade
- Pacman
- Square Jelly Box
- Square Spin
- Triangle Skew Spin