Adding animate.css to your websites and using it is very easy.
1-Download animate.css here (You can also see the live animations at the link)
2-Add it to your web page’s head section as below
<link rel="stylesheet" href="animate.min.css">
3-Add the class “animated” to the element you want to animate
4-Finally, add one of the following classes to the same element
Check out this link for a complete list of animations.
So, an example of an H1 element animated using animate.css would look like below:
<h1 class="animated pulse">I pulse once</h1>
You can also add “infinite” class to your elements if you want your animations to repeat:
<h1 class="animated infinite pulse">I pulse repeatedly</h1>
Hope this helps.