Skip to content

danielcardoso/load-awesome

master
Switch branches/tags
Code

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

About

An awesome collection of — Pure CSS — Loaders and Spinners

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages