Cre-animation Generator

Implementation:

To get Cre-animate.js working on your site all you have to do is include both jQuery and Cre-animate.js on your site.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src = "jquery.cre-animate.js"></script>

Then use the generator below to generate the html wrapper code for the element you wish to animate.


Choose Type of Animation:


Animation Speed in Milliseconds:

eg. (1000 = 1 second)

Animation Delay in Milliseconds:


Animation Offset Percentage(Trigger Point):

eg. (value of 0 = top of viewport, value of 100 = bottom of viewport)

Animation Easing:




HTML Code for your element: