<commit_before>![loaders](./src/logo.png)

[![npm version](http://img.shields.io/npm/v/css-loading.svg)](https://www.npmjs.com/package/css-loading)
[![npm downloads](http://img.shields.io/npm/dm/css-loading.svg)](https://www.npmjs.com/package/css-loading)

Pure css loading animations.[Live Demos](http://jovey-zheng.github.io/loader).

Inspiration from [loaders.css](https://github.com/ConnorAtherton/loaders.css) and [css-loaders](https://github.com/lukehaas/css-loaders).


## Install

Install with npm:
  ```
  $ npm install --save-dev css-loading
  ```

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

## Basic Usage

1. Import:

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

  or require from `node_modules`:

  ```js
  import 'css-loading'
  ```

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

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

## Contributing<commit_msg>release v1.2.0<commit_after>![loaders](./src/logo.png)

[![npm version](http://img.shields.io/npm/v/css-loading.svg)](https://www.npmjs.com/package/css-loading)
[![npm downloads](http://img.shields.io/npm/dm/css-loading.svg)](https://www.npmjs.com/package/css-loading)

Pure css loading animations.[Live Demos](http://jovey-zheng.github.io/loader).

Inspiration from [loaders.css](https://github.com/ConnorAtherton/loaders.css) and [css-loaders](https://github.com/lukehaas/css-loaders).


## Install

Install with npm:
  ```
  $ npm install --save-dev css-loading
  ```

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

## Basic Usage

1. Import:

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

  or require from `node_modules`:

  ```js
  import 'css-loading'
  ```

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

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

## Contributing
{'fraction_non_alphanumeric': 0.1971554683668465, 'fraction_numerical': 0.0063756743501716525, 'mean_word_length': 4.151515151515151, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 11, 'https://': 10, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2155739', 'n_tokens_mistral': 779, 'n_tokens_neox': 728, 'n_words': 122}