Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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.

Bower version Issues License devDependency Status

Table of contents

Browser Support

Chrome Firefox IE Safari Opera
Latest Latest 10+ Latest Latest

Quick start

Several quick start options are available:

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

License

The MIT License (MIT)

Copyright (c) 2015 DanielCardoso.net

You can’t perform that action at this time.