Add animation to your page elements

An ongoing trend with many themes nowadays is to incorporate animation to a website, such as page elements that bounce, fly in or out, drop in, etc. Although Longevity does not require this feature, it’s more of a personal choice should you want to add some fancy special effects. To give you an example, check out the front page of the live demo:

DEMO SITE

How to Add Animation

Adding animation to an element is quite easy. However, you will need a plugin called “Animate It!” by “eleopard”. You will need to refer to the developer’s own documentation on how to use it, but it’s quite easy. You can apply animation to content, shortcodes, and even to widgets. You can even delay offset the effect to take action as a person scrolls down the page.

Getting Started

Before you install this plugin, please note that if you change themes later, you will still be able to keep your animation effects (or most if not all) because this is a plugin. I did not code the animation script into the Longevity theme (or the Pro version) so that you have that flexibility. I should also mention that although I chose Animate It!, there are other options that you can use, so you are not restricted to just this one.

  1. Go to Plugins >> Add New
  2. Type in the search field for “Animate It

    animate it plugin

  3. Click Install and Activate it.
  4. Follow the plugin documentation the developer offers