Cre-animation Generator


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=""></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: