mirror of
https://github.com/l-lin/font-awesome-animation.git
synced 2024-12-27 22:11:33 +08:00
61 lines
1.6 KiB
Markdown
61 lines
1.6 KiB
Markdown
font-awesome-animation [](https://travis-ci.org/l-lin/font-awesome-animation) [](http://gruntjs.com/)
|
|
================
|
|
> Simple animations using some CSS3 I found on the web.
|
|
> Best used on glyphicons like [FontAwesome](http://fortawesome.github.io/Font-Awesome/).
|
|
|
|
Getting started
|
|
================
|
|
Download
|
|
----------------
|
|
### Manually
|
|
|
|
The files can be downloaded from:
|
|
|
|
* Minified [CSS](https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.min.css) for production usage
|
|
* Un-minified [CSS](https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css) for development
|
|
|
|
### With BowerJS
|
|
|
|
```bash
|
|
bower install font-awesome-animation
|
|
```
|
|
|
|
Installation
|
|
----------------
|
|
Include CSS file in your index.html file:
|
|
|
|
```html
|
|
<link rel="stylesheet" href="font-awesome-animation.min.css">
|
|
```
|
|
|
|
Usage
|
|
================
|
|
See [live demo](https://l-lin.github.com/font-awesome-animation).
|
|
|
|
Development
|
|
================
|
|
This project is using:
|
|
* [GruntJS](http://gruntjs.com/) for adding prefixes and minification purpose
|
|
* the CSS preprocessor [Myth](http://www.myth.io/) to generate the prefixes for common browsers
|
|
|
|
Getting started
|
|
----------------
|
|
You will need to install the dependencies:
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
Build
|
|
----------------
|
|
You can generate the CSS file with prefixes and the minified CSS file by executing the following command:
|
|
|
|
```bash
|
|
grunt
|
|
```
|
|
|
|
License
|
|
================
|
|
|
|
[MIT License](http://en.wikipedia.org/wiki/MIT_License)
|