CSS ANIMATOR

Loop Reverse

CSS Animator is a set of pre-made animations, written in only CSS

Just add the stylesheet:

<link rel="stylesheet" href="//cssAnimator.css">

And apply the CSS class animate followed by the name of the animation to the element:

<div id="object" class="animate fadeIn">

To make it play in a loop, or reverse, add the class infinite and/or reverse respectively