Introduction
Animate It! is a Joomla Plugins set designed and developed to provide an efficient and user friendly solution to apply beautiful CSS3 animations on Joomla Modules and Articles.
Features
Some of the Key features Include:
- Allowing user to apply CSS3 animations on Post, Widget and Pages.
- 50+ Entry, Exit and Attention Seeker Animations
- Capability to apply animation on Scroll.
- Capability to add different scroll offset on individual animation blocks.
- Capability to apply animation on Click.
- Capability to apply animation on Hover.
- Providing delay feature in animation to create a nice animation sequence.
- Providing feature to control the duration for a more precise animation.
- Providing a button in the editor to easily add an animation block in the article
- Allow user to add animation on modules
- Allow user to apply animation infinitely or any fixed number of times.
- Option to add custom CSS classes to individual animation blocks.
- Options to enable or disable animations on Smartphones and Tablets.
All the CSS3 animations are from Animate.css and Animo.js. Animation can be added on Posts/Pages Using Animate It! button at the top of editor.
- Content/Articles: Using Animate It! button at the bottom of editor.
- Modules: By adding CSS classes to “Module Class Suffixes”
View Change Log
Release Notes - Animate It!- Version 2.4.0 - 2023-01-04
Bug Fixes and Updates
- Minor Bug Fixes and Updates to support Joomla 4
Release Notes - Animate It!- Version 2.3.4 - 2023-01-02
Bug Fixes
- Minor Bug Fixes to support PHP 8
Release Notes - Animate It!- Version 2.3.3 - 2021-05-04
Bug Fixes
- Minor Bug Fixes related to PHP logs
Release Notes - Animate It!- Version 2.3.2 - 2018-06-05
Bug Fixes
- Minor Bug Fixes related to animation using Class generator
Release Notes - Animate It!- Version 2.3.1 - 2018-02-03
Updates
- Added new CSS Animations. Thanks to http://ianlunn.github.io/Hover/
- Added support for loading custom CSS even if the animations are disabled on tablet or mobile devices.
Bug Fixes
- Minor Bug Fixes related to CSS
Release Notes - Animate It!- Version 2.1.7 - 2017-09-11
Bug Fixes
- Minor Bug fixes related to chrome version 61+
Release Notes - Animate It!- Version 2.1.6 - 2017-09-09
Bug Fixes
- Minor Bug fixes related to chrome version 61+
Release Notes - Animate It!- Version 2.1.5 - 2016-07-09
Bug Fixes
- Minor Bug fixes related to onhover animation
Release Notes - Animate It!- Version 2.1.4 - 2016-04-30
Bug Fixes
- Minor Bug fixes to avoid conflict with other animation library
Release Notes - Animate It!- Version 2.1.3 - 2016-04-28
Bug Fixes
- New updates related to on scroll animation
Release Notes - Animate It!- Version 2.1.2 - 2016-04-28
Updates
- New updates to handle load time delay
Release Notes - Animate It!- Version 2.1.0 - 2016-04-26
Updates
- Mobile Detection class updated
Release Notes - Animate It!- Version 2.0.5 - 2016-02-18
Bug Fixes
- Changes done to support other Joomla editors
Release Notes - Animate It!- Version 2.0.4 - 2016-02-17
Bug Fixes
- Changes done to support animation added using older version and class generator
Release Notes - Animate It!- Version 2.0.2 - 2016-02-16
Improvement
- New Feature to create Entry Exit Animation sequence
- New Feature to provide custom delay and durations while generating shortcode
- New Feature to apply timing functions
- New Feature to iterate the animation n number of times
- Code optimization .
Release Notes - Animate It!- Version 1.4.1 - 2015-11-20
Improvement
- Animate It! button will now be available in back-end as well as front-end editor.
Release Notes - Animate It!- Version 1.4.0 - 2015-03-30
Improvement
- New feature that will allow user to add different scroll offset on individual animation blocks.
Issue Resolved
- Resolved issue related to Popup CSS.
Release Notes - Animate It!- Version 1.3.3 - 2015-01-21
Issue Resolved
- Resolved issue related to content plugin.
Release Notes - Animate It!- Version 1.3.2 - 2014-10-07
Issue Resolved
- Resolved issue relate to combination or animate infinite and animation on Hover.
Release Notes - Animate It!- Version 1.3.0 - 2014-10-05
Improvement
- feature added to allow users to apply animation on Hover.
- feature added to allow users to apply animation on Click.
Release Notes - Animate It!- Version 1.1.0 - 2014-09-27
Improvement
- feature added to allow users to add animation duration.
- feature added to allow users to apply infinite animation.
- Options added to enable or disable animation on tablets and smartphones.
Release Notes - Animate It! - Version 1.0.1 - 2014-09-12
Improvement
- Issue related to log file creation resolved.
Release Notes - Animate It! - Version 1.0.0 - 2014-08-29
- Initial public release.
Technical Requirements
- Joomla!– Version 3.0 and above (Download: http://www.joomla.org/download.html)
- PHP – recommended version 5.3.28
- MySQL – recommended version 5.5
Installation
Step 1: Download the installation package by going to link:
Step 2: Install the Animate It! Plugin using the Extension Manager.
Animating Modules:
Select you favorite animation settings from our Class Generater
Voila! animation is successfully applied to the selected module.
Adding Animations to Article Content
Click on Animate It! button:
Select your favorite animations:
Settings:
Got to Extensions -> Plugin Manager -> System – Animate IT!. Change the provided settings as per your requirement.
Pleas note that global setting for “scroll offset” will get applied on animation blocks whose individual “scroll offset” setting is not defined.
Note about Custom HTML Module
When using Animate It! Button on Custom HTML Module, please remember to set Prepare Content to “Yes”. It will render the module as article and the plugin animation will be applied. Look at the screenshot below for more information.
