oToUC / loader

Pure css loading animations. As long as only one element!

Pure css loading animations. As long as only one element! Live Demos.

Inspiration from loaders.css and css-loaders.

Install

Install with npm:

$ npm install --save-dev css-loading

or download the Latest releases version(ZIP).

Basic Usage

1. Import:

<link rel="stylesheet" href="loaders.css"> or
<link rel="stylesheet" href="loaders.min.css">

or require from node_modules:

import 'css-loading'

2. Create an element and add the attribute data-loader:

<div data-loader="circle"></div>

Contributing

Pull requests are welcome!

Create another animation file in src/ and test it in example/example.html, then open it in a browser to see your animation running.

License

License under MIT.