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:

Fade-In Fade-Out Slide-Down-From-Top Slide-In-From-Right Slide-Up-From-Bottom Slide-In-From-Left Scale Up Scale Down Rotate Flip-Y-Axis Flip-X-Axis

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:

ease in out in-out snap easeOutCubic easeInOutCubic easeOutCirc easeInOutCirc easeInExpo easeOutExpo easeInOutExpo easeInQuad easeOutQuad easeInOutQuad easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInBack easeOutBack easeInOutBack

Generate Cre-animation Code Reset Form

---

HTML Code for your element: