Cre-animate – Onscroll jQuery Animations (Miscellaneous)

By Acty, February 9, 2014

Now you can quickly and easily add onscroll animations to any elements on your website. Images, Text, Buttons, anything can be animated on scrolling.

Also included is an Animation Generator so you can easily select your options for the animation properties and the generator will spit of the code for your website.

Options include:

Animation Types:
Fade-In
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:
Animation speed can be specified in milliseconds – 1000ms equals 1 second.

Animation Delay:
The animation delay can be very useful especially if you have multiple items animated at the same trigger point.

Animation Offset:
Where on the page would you like the animation to take place?
An offset of 0% means the animation will fire when the element hits the top of the viewport.
An offset of 100% means the animation will fire as the element enters the viewport.
50% would be the exact center of the viewport.
You can choose the offset value for each and every animation.

Animation Easing:
Choose how you want the animation easing to take place.
There are currently 27 options.
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

We provide 100% support for our products.