pizberg / font-awesome-animation

Simple animations using FontAwesome and some CSS3.

Home Page:http://l-lin.github.io/font-awesome-animation/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

font-awesome-animation Build Status Built with Grunt

Simple animations using some CSS3 I found on the web. Best used on glyphicons like FontAwesome.

Getting started

Download

Manually

The files can be downloaded from:

  • Minified CSS for production usage
  • Un-minified CSS for development

With BowerJS

$ bower install font-awesome-animation

Installation

Include CSS file in your index.html file:

<link rel="stylesheet" href="font-awesome-animation.min.css">

Usage

See live demo.

Development

This project is using:

  • GruntJS for adding prefixes and minification purpose
  • the CSS preprocessor Myth to generate the the prefixes for common browsers

Getting started

You will need to install the dependencies:

$ npm install

Build

You can generate the CSS file with prefixes and the minified CSS file by executing the following command:

$ grunt

License

MIT License

About

Simple animations using FontAwesome and some CSS3.

http://l-lin.github.io/font-awesome-animation/


Languages

Language:CSS 74.0%Language:HTML 20.8%Language:JavaScript 5.2%