Search the Community
Showing results for tags 'animation chain'.
Hello fellow animators, if you were previously looking on how to integrate Greensock into a WordPress Website, you have come to the right place. Today we launched AnimateWP, a WordPress animation plugin which is completely based on Greensock. You get the whole power of Greensock animations (browser compatibility, performance, advanced sequencing and all the other great features) without writing a single line of code. The plugin takes care of everything while you implement your timelines and animations on the graphical interface in the WordPress backend. Currently we have implemented almost every property you can animate with GSAP and are already working on implementing the powerful Club Greensock Plugins (like ScrambleText, SplitText and others) in the near future. DrawSVG is already available in AnimateWP. Moreover AnimateWP allows you to trigger and control your animations by scrolling. Therefore you don't have to worry about including ScrollMagic anymore. Check it out on animatewp.yourneeds.at or explore the docs.
Can anyone give me some reference or code for how to animate out each elements jquery function or only using gsap before moving to the next link/page? I have created a HTML page with few elements like logo, one pic and one introduction paragraph. All these three elements animate and appear when the page loads and after this, when user click the next page I would like to have an effect like all these three elements animates out (reverse animation) and then moves to the next page. Any help would be much appreciated. I have created a demo below: https://codepen.io/bootstrap007/pen/eYOawXe