How to Use:

Once Installed and Activated the plugin options should now appear in your ACT Panel

To animate an element you must first add the animatedParent Class to a Div that wraps the element you will be animating.

The animatedParent Class will automatically be added once you select an element and click “Set Parent Animation”.

Next you need to add the “animated” class to the element inside the parent element you will be animating.

This is automatically done once for you once you highlight the element and click “Animate an Element”.

When you click this, it adds the class, now all you need to do is set the animation type and the speed of the animation.

Once the animation is added, you may need to refresh the page in Pinegrow (the element on the page might appear broke when the animation is added,don’t worry, if this happens just click refresh in Pinegrow.)

You can test the animation in the browser.

While not supposed to be as robust as the Animator Pro Pinegrow plugin, it should be easy to use, and this free Pinegrow plugin also allows you to do a few more things, like animation sequencing, animate on scroll, animation delays and offsets, as well as animate once and animate on click.

Check out the instructions on jackonthenet for a full description of what you can do with this Free Pinegrow Animation Plugin.