diff --git a/README.md b/README.md index 92c3a7d..8b5479d 100644 --- a/README.md +++ b/README.md @@ -27,8 +27,38 @@ Include CSS file in your index.html file: ``` ## Usage +### On DOM load -See [live demo](https://l-lin.github.com/font-awesome-animation). +Add the desired CSS class `faa-xxx` along with `animated` to the icon (or any element of your DOM): + +```html + +``` + +### On hover + +Instead of using `animated`, use the `animated-hover` CSS class: + +```html + +``` + +### On parent element hover + +For parent hover, add the CSS class `faa-parent` and `animated-hover` on the parent element: + +```html + + + +``` + +You can regulate the speed of the animation by adding the CSS class `faa-fast` or `faa-slow`: + +```html + + +``` ## Development