/loader

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

Primary LanguageCSSMIT LicenseMIT

loaders

npm version npm downloads

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'
  1. 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.