htuyen1994 / wolf-animation

Wolf Animation - Animation For Icon

Wolf-animation

Wolf Animation - Library Animation For Icon

Support Font

1. Bootstrap v3.3.6
2. Font Awesome

Support Browser

1. Moliza Firefox
2. Google Chrome
3. Safari
4. Opera

##Getting started

Add Wolf-animation.css below all css to website Example :

<link href="css/wolf-animation.css?v=1.0" rel="stylesheet">

##How to use

Add class animation u want on class font Example :

<i class="glyphicon glyphicon-hand-left wolf-focus-left"></i>

Remember Add Class Active Animation

Have 2 Active Class ( alway-active, hover-active) Example :

<i class="glyphicon glyphicon-hand-left wolf-focus-left alway-active"></i>

U can setting speed (class speed-very-slow, speed-slow, speed-fast, speed-very-fast ) Example :

<i class="glyphicon glyphicon-hand-left wolf-animation-demo wolf-focus-left alway-active speed-very-slow"></i>

##List Animation

1. wolf-spin
2. wolf-zoom
3. wolf-focus-left
4. wolf-focus-right
5. wolf-focus-up
6. wolf-focus-down
7. wolf-volume
8. wolf-setting
9. wolf-ring-ring
10. wolf-flash
11. wolf-surprise
12. wolf-go-over-right
13. wolf-go-over-left
14. wolf-go-over-top
15. wolf-go-over-down
16. wolf-rubber
17. wolf-bounce
18. wolf-go-from-left
19. wolf-go-from-right
20. wolf-focus-to-big