Simple and intuitive
-
No jQueryThis paralax effect isn't dependent on any JavaScript framework
-
Easy to customizeJust push elements to the animation object, following a simple pattern
-
CSS3 compatibleYou can animate any CSS3 NUMERIC property. Easy but powerful
Available features
-
Easily configurableYou can easily declare your animations using simple and intuitive JavaScript objects.
-
Multiple events on same elementYou can add multiple events on the same elements, no matter where in the timeline position
-
Disable rerverse animationYou can disable the two way animation (when the user scrolls back up, all the elements will keep their position and not go back to their previous state)
-
Animate any objectYou can animate any object property, as long as you trigger a numeric value. Properties like position, float etc. should not be used.
-
Supports older browsersOlder browsers (like IE8) are supported within their limits (eg. for IE8 all CSS2 variables will be supported while CSS3 properties will be omitted)
-
Fallback for mobileOn mobile devices the content won't be affected. Actually, you can set the device resolution for which the animations should be enabled.
-
Wait for page loadYou have the option to add a loader until all you page contets are loaded (in case you have big images which will take a while to load)
Stay updated
Get notified of any update! Subscribe to our newsletter to be notified about new versions release.