A whole collection of animation classes have been added to allow you to easily animate almost any element of your design by applying a simple class. animations are triggered once elements enter the viewport of your browser as you scroll down the page.

To use simply add class animate CLASS_NAME to any element

Can also be added to any menu item using the Link CSS Style field in your menu item settings. to a module using the Module Class Suffix field in your module settings or to a module title using the Header Class field also in your module settings. .

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


All stock images on this template demo are for presentation purposes only, intended to represent a live site and are not included with the template or in any of the Joomla51 club membership plans.

Most of the images used here are available from shutterstock.com. Links are provided if you wish to purchase them from their copyright owners.

Contact Details

The Dunes, Top Road,
Co. Sligo,

Email: info@joomla51.com
Website: www.joomla51.com