Animations classes allow you to add nice effects to most elements in your template. As you scroll and an element enters the viewport the animation is applied.



1: How to add class to any element.

Simply add the class to the element. In this example we are adding the animate fadeIn class to a paragraph

animate example



2: How to add class to a menu item.

Simply add the class to the menu Link Css Style in the menu item Advanced Options. In this example we are adding the animate fadeIn class to a menu item

animate example menu item



3: How to add class to a Module or Module head.

Simply add the class to the Header Classor the Module Class Suffix in the menu item Advanced Options. See example below.

animate example module



Example Animations
animate fadeIn
animate fadeInDown
animate fadeInDownBig
animate fadeInUp
animate fadeInUpBig
animate fadeInLeft
animate fadeInLeftBig
animate fadeInRight
animate fadeInRightBig
animate flip
animate flipInX
animate flipInY
animate lightSpeedIn
animate rotateIn
animate rotateInDownLeft
animate rotateInDownRight
animate rotateInUpLeft
animate rotateInUpRight
animate slideInDown
animate slideInRight
animate slideInLeft
animate rollIn
animate bounce
animate flash
animate shake
animate swing
animate wobble