I am using this:http://daneden.me/animate/
I learned how to use it now but how do I make it animate only when you scroll down the page and reach that certain point in the browser?
Does this make sense? Because what good is it for my content to have a nice fade in animation when nobody would see it because its in the bottom. I would like them to gradually see the effects as they scroll down and reach the animation points.
You have to use JQuery to enable way points to trigger your animation names – try searching google it will give you quicker answers than a general forum – however here’s a useful link:http://blog.teamtreehouse.com/using-jquery-to-detect-when-css3-animations-and-transitions-end
Add css animations. I have used animate.css you can find it on google.
Animate.CSS is the CSS I am using. It is the one I posted in my original post. What I want to learn is how to hide something and once you scroll down and reach a certain waypoint it then appears and animates from left to right in a fade type animation.
- Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
- Open a support ticket if you would like specific help with your account, deposits or purchases.
- Item Support by authors is optional and may vary. Please see the Support tab on each item page.
Most of all, enjoy your time here. Thank you for being a valued Envato community member.