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: about 1 year 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 10 years ago)
- Default Branch: master
- Last Pushed: 2017-04-14T03:06:11.000Z (about 9 years ago)
- Last Synced: 2025-03-31T18:18:57.643Z (about 1 year 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).