css-loading

jovey-zheng
Styles
css-loading JS library homepage css-loading JS library on GitHub css-loading JS library on npm Download css-loading JS library

Pure css loading animations.

Version 1.4.0 License MIT
css-loading JS library homepage
css-loading JS library on GitHub
css-loading JS library on npm
Download css-loading JS library
Keywords
cssloaderanimation

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.