Using Animate.css in C5.6
Permalink 1 user found helpfulI just thought I could add the animate.css file to the theme's root folder and then pull onto the page using the header link:
<link rel="stylesheet" href="animate.min.css">
Then, by rights, shouldn't it show the animation if I add the class to a given block using block>design>css > css class name
I tried that but it is not working... I guess maybe I did not place the animate.css in the right spot? Anyone know how to do this? Do i need more files than just the animate.css.....
Again, the script I am trying to use is:http://daneden.github.io/animate.css/...
THANKS!!

First step is to install the WOW folder (file attached) at the the theme root at /packages/your_theme/themes/theme_name/wow
From there you can call everything onto the page by placing the following code in the header (via dashboard>systems and settings >tracking codes):
<link rel="stylesheet" href="/packages/your_theme/themes/theme_name/wow/css/animate.css"> <script src="/packages/your_theme/themes/theme_name/wow/js/wow.min.js"></script> <script> new WOW().init(); </script>
This code calls both the js and the css necessary
From there, all one has to do is add class names to individual blocks by using the class option under "design"
each class name should have "wow" as the first word... for example
wow fadeIn
This method also allows for all the customization options animate.css allows... see the wow documentation at:http://mynameismatthieu.com/WOW/docs.html...
Hope this helps someone out!
Once seen, never seen again?
Try playing with: http://lwiesel.github.io/jquery-fadethis/...