https://github.com/jovey-zheng/loader

Pure css loading animations. As long as only one element!
https://github.com/jovey-zheng/loader

animation css css-loading-animations loader

Last synced: 12 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jovey-zheng/loader
• Owner: jovey-zheng
• License: mit
• Created: 2016-03-15T07:56:07.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-14T03:06:11.000Z (over 7 years ago)
• Last Synced: 2024-10-04T14:06:57.695Z (about 1 month ago)
• Topics: animation, css, css-loading-animations, loader
• Language: CSS
• Homepage: http://joveyzheng.com/loader
• Size: 154 KB
• Stars: 177
• Watchers: 9
• Forks: 34
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

   

  


  

    

   

  

    

   

  

    

   

  

    

   





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 css-loading

  ```

install with bower:

  ```

  $ bower install --save css-loading

  ```

or download [the Latest releases version(ZIP)](https://github.com/jovey-zheng/loader/archive/v1.4.0.zip).

## Basic Usage

1. Import:

  ```html

   or

  

  ```

  or require from `node_modules`:

  ```js

  import 'css-loading'

  ```

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

  ```html

  


  ```


## 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](https://github.com/jovey-zheng/loader/blob/master/LICENSE).