Drupal 7.x. How to add animation and configure its settings

This tutorial shows How to add animation and configure its settings in Drupal 7.x.

Drupal 7.x. How to add animation and configure its settings

The TM Animate module controls the activation/deactivation of animation. Moreover, depending on where you want to use animation, you may need the Block class or Views modules.

In order to add animation to a block, you should perform the following steps:

1. In the admin panel navigate to Structure > Blocks menu;

2. Click configure link next to the needed block;

3. In the CSS class(es) field add 2 classes separated with space: wow, to run animation when the block appears in the visibility, and the animation class:

   

4. Save the changes.

In order to add animation to a view, follow the steps below:

1. In the admin panel navigate to Structure > Views menu;

2. Click edit link next to the needed view:

   

3. In the Format section click settings link:

   

4. In the pop-up window in the Row section find Class attribute field and enter the animation class and wow class there:

   

5. Press Apply button.

6. Save the view changes.

You can check all available animation classes by following this link.

Feel free to check the detailed video tutorial below:

Drupal 7.x. How to add animation and configure its settings