Module Description
Synopsis
Animate any allows you to add various types of animations to your drupal website. It uses animate.css to animations.
Requirements
Animate any used the "animate.css" library to provide the animation. Refer for demo https://animate.style/ Need to download an animate.css library from https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css. Or can directly git clone from https://github.com/daneden/animate.css.
Drupal 7 Extract the files to "ROOT/sites/all/libraries/" directory (e.g: ROOT/sites/all/libraries/animate.css).
Drupal 8 & 9 Extract the files to "ROOT/libraries/animate_any" directory, your file path should be like this (e.g: ROOT/libraries/animate_any/animate.min.css).
Similar projects and how they are different
* Animate CSS
* Animations
* Block Animate
Animate any module is different from above modules. This module can add various types animations on any mouse event to anywhere in drupal website by using css selectors (class/id).
Dependencies
Animate.css library
Restrictions
* This module is just for developer and themers OR who know html and its identifiers like classes and ID.
* Animation not applied on HTML tags like <span></span>, <a></a>
* Make sure there is no error in browser's console.
Implementation Steps: 1. Install the module. 2. Go to animate any admin settings. 3. Add animation to the section. 4. Clear all cache, refresh the page where you apply the animation, and enjoy the magic.
Animate any allows you to add various types of animations to your drupal website. It uses animate.css to animations.
Requirements
Animate any used the "animate.css" library to provide the animation. Refer for demo https://animate.style/ Need to download an animate.css library from https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css. Or can directly git clone from https://github.com/daneden/animate.css.
Drupal 7 Extract the files to "ROOT/sites/all/libraries/" directory (e.g: ROOT/sites/all/libraries/animate.css).
Drupal 8 & 9 Extract the files to "ROOT/libraries/animate_any" directory, your file path should be like this (e.g: ROOT/libraries/animate_any/animate.min.css).
Similar projects and how they are different
* Animate CSS
* Animations
* Block Animate
Animate any module is different from above modules. This module can add various types animations on any mouse event to anywhere in drupal website by using css selectors (class/id).
Dependencies
Animate.css library
Restrictions
* This module is just for developer and themers OR who know html and its identifiers like classes and ID.
* Animation not applied on HTML tags like <span></span>, <a></a>
* Make sure there is no error in browser's console.
Implementation Steps: 1. Install the module. 2. Go to animate any admin settings. 3. Add animation to the section. 4. Clear all cache, refresh the page where you apply the animation, and enjoy the magic.
Module Link
Project Usage
1271
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
Animate any module solves the problem of adding various types of animations to a Drupal website using css selectors (class/id) on any mouse event.
Data Name
animate_any