2021-01-22 03:48:51 +08:00
|
|
|
# font-awesome-animation ![build](https://github.com/l-lin/font-awesome-animation/workflows/build/badge.svg) [![npm version](https://badge.fury.io/js/font-awesome-animation.svg)](https://badge.fury.io/js/font-awesome-animation)
|
2021-01-22 03:25:01 +08:00
|
|
|
|
2014-01-22 06:03:43 +08:00
|
|
|
> Simple animations using some CSS3 I found on the web.
|
|
|
|
> Best used on glyphicons like [FontAwesome](http://fortawesome.github.io/Font-Awesome/).
|
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
## Getting started
|
2014-01-22 06:03:43 +08:00
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
Add
|
2020-04-01 04:12:54 +08:00
|
|
|
|
|
|
|
```bash
|
2021-01-22 03:25:01 +08:00
|
|
|
npm install font-awesome-animation
|
2014-01-22 06:03:43 +08:00
|
|
|
```
|
|
|
|
|
|
|
|
Include CSS file in your index.html file:
|
2020-04-01 04:12:54 +08:00
|
|
|
|
2014-01-22 06:03:43 +08:00
|
|
|
```html
|
|
|
|
<link rel="stylesheet" href="font-awesome-animation.min.css">
|
|
|
|
```
|
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
## Usage
|
|
|
|
|
2014-01-22 06:03:43 +08:00
|
|
|
See [live demo](https://l-lin.github.com/font-awesome-animation).
|
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
## Development
|
|
|
|
|
2014-04-17 05:54:21 +08:00
|
|
|
This project is using:
|
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
- the CSS preprocessor [Myth](http://www.myth.io/) to generate the prefixes for common browsers
|
|
|
|
|
2020-04-01 04:12:54 +08:00
|
|
|
|
|
|
|
```bash
|
2021-01-22 03:25:01 +08:00
|
|
|
# install dependencies
|
2020-04-01 04:12:54 +08:00
|
|
|
npm install
|
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
# generate prefixes and minified CSS files
|
|
|
|
npm run build
|
2014-04-17 05:54:21 +08:00
|
|
|
```
|
|
|
|
|
2021-01-22 03:25:01 +08:00
|
|
|
## License
|
|
|
|
|
|
|
|
[MIT License](LICENSE)
|
2020-04-01 04:12:54 +08:00
|
|
|
|