Animagic allows you to choose from a large selection of animation styles for your content. From subtle fades to grand entrances, all triggered by your visitor's scrolling through your pages.
This page outlines the settings included in the Animagic stack and looks at what they do, and how they affect the its functionality. In addition we have a tutorial and walk-thru video below that helps get you started using the stack, as well as gives you an idea what the stack can do before your purchase. For examples of the stack in action, please visit the product page.
Below we take a deep dive into what each setting within the stack does. This is a good reference for you as you work with the stack, as well as it provides you an inside look at each setting within the stack before you make your purchase.
This is the amount of time it will take for your animation to play out. The duration period begins once the animation is triggered by your visitor scrolling through content. This means the larger the duration value, the longer it will take for the animation to execute, leading to a slower animation.
The is the time from when your visitor triggers the animation to the time the animation begins to execute. This is set to zero by default, but can be used to stagger animations or simply give the content a little time to get into view before beginning.
Here you can choose from a large list of animation types in a drop down.
The offset setting tells Animagic how far up, in pixels, from the bottom of the browser window you want your animation to be triggered. This triggering of the animation happens as the visitor scrolls down the page, starting each individual animation as the visitor reaches them.
DISABLE ON MOBILE
This feature, when enabled, will prevent the animation from playing on mobile devices and instead simply displays the static content.
Please Note: Animagic is not needed, and should not be used with Foundry. Foundry comes with an animation library build-in already (the Reveal stack). Additionally some of Foundry's main code conflicts with Animagic preventing some of its animations from playing properly.