Title: Animate It!
Author: eleopard
Published: <strong>12 septembre 2014</strong>
Last modified: 21 novembre 2025

---

Recherche d’extensions

![](https://ps.w.org/animate-it/assets/banner-772x250.png?rev=988616)

![](https://ps.w.org/animate-it/assets/icon-256x256.png?rev=989356)

# Animate It!

 Par [eleopard](https://profiles.wordpress.org/eleopard/)

[Télécharger](https://downloads.wordpress.org/plugin/animate-it.3.0.4.zip)

 * [Détails](https://fr-ca.wordpress.org/plugins/animate-it/#description)
 * [Avis](https://fr-ca.wordpress.org/plugins/animate-it/#reviews)
 *  [Installation](https://fr-ca.wordpress.org/plugins/animate-it/#installation)
 * [Développement](https://fr-ca.wordpress.org/plugins/animate-it/#developers)

 [Support](https://wordpress.org/support/plugin/animate-it/)

## Description

Add cool CSS3 animations to your content.

[Demo](https://eleopardsolutions.com/animate-it-documentation-wordpress/) | [Documentation](https://eleopardsolutions.com/animate-it-documentation-wordpress/)
| [Class Generator](https://eleopardsolutions.com/animate-it-class-generator/)

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
   or post.
 * Allow user to add animation on WordPress widgets. Use [Class Generator](https://eleopardsolutions.com/animate-it-class-generator/)
   to generate the required animation classes.
 * Allow user to apply animation infinitely or any fixed number of times.
 * Option to add custom CSS classes to individual animation block.
 * Options to enable or disable animations on Smartphones and Tablets.
 * Spanish and German language support. Thanks to Santiago Marrone, Christian Herrmann
 * Custom Animate It! block to apply animations on other Gutenberg blocks.

All the CSS3 animations are from [Animate.css](http://daneden.github.io/animate.css/)
and [Animo.js](http://labs.bigroomstudios.com/libraries/animo-js)

## Captures d’écran

 * [[
 * **Animate Button** – Add animation blocks in WordPress Post and Pages using the
   Animate It! button.
 * [[
 * **Select Animation** – After clicking Animate It! button you will get a screen
   to choose animation.
 * [[
 * **Entry Exit Animation** – Select and configure the entry and exit animations.
 * [[
 * **Other Options** – Select other options like iteration count etc.
 * [[
 * **Update Dummy Content** – Update the content of the block as per your requirement.
   You can copy and paste the same in Text Widget also.
 * [[
 * **Settings** – Options for Animate It! under Settings-> Animate It! menu in the
   admin area.
 * [[
 * **Class Generator** – Class Generator to generate required Animation Classes 
   for Widgets.
 * [[
 * **Copy Generated Classes** – Copy the generated classes.
 * [[
 * **Apply on Widgets** – Apply the copied classes by pasting it in the ‘Animate
   It! Classes’ text box under the widget settings.

## Blocs

Cette extension offre 1 bloc.

 *   Eds Animate It Block

## Installation

 1. Upload edsanimate to the /wp-content/plugins/ directory.
 2. Activate the plugin through the Plugins menu in WordPress.
 3. Set your options from the Settings -> Animate It! admin area.

Alternatively:

 1. Login to your WordPress admin area
 2. Search for Animate It!
 3. Click install Animate It!
 4. Activate through the Plugins menu in WordPress or when asked during installation
 5. Set your options from the Settings -> Animate It! admin area

## FAQ

### Animation flicker or occur twice at load time while using animation classes?

Please add CSS class « eds-animation-paused » along with the other animation classes
generated using class generator

### Setting the scroll offset for on scroll functionality?

Percentage scroll offset can be set from Settings-> Animate It! menu in the admin
area.

### Hiding horizontal and vertical scroll bar?

Settings to show or hide vertical or horizontal scroll bar are available at Settings-
> Animate It! menu in the admin area.

### Animation applied using older plugin and class generator won’t work?

If animation applied using class generator or older plugin wont work, Please do 
the following:
 If using shortcode: Add duration= »1″ (you can add 1 to 20) as one
of the attribute of the shortcode.

### Does this plugin support Gutenberg?

Yes, the plugin provide a custom Animate It! block to apply animations on other 
Gutenberg blocks.

If using class generator:
 Add duration class ( duration1 to duration20 ) along 
with the other classes. or use the class generator one more time to generate same
animation classes.

## Avis

![](https://secure.gravatar.com/avatar/47681067ae78f8b58c9806ba34d0f36c54126b5568a128a260bac568276ab5f5?
s=60&d=retro&r=g)

### 󠀁[Exactly what I was looking for](https://wordpress.org/support/topic/exactly-what-i-was-looking-for-635/)󠁿

 [freakymood](https://profiles.wordpress.org/freakymood/) 7 janvier 2026

This is exactly what I needed! A simple and easy tool that animates basically anything.

![](https://secure.gravatar.com/avatar/c7ce69327070025352e6073c13b8de68ca720f96f5f09f1b0b37d827d8bf2bf8?
s=60&d=retro&r=g)

### 󠀁[Does Not Work!](https://wordpress.org/support/topic/does-not-work-1638/)󠁿

 [pilar101](https://profiles.wordpress.org/pilar101/) 10 mai 2025 1 reply

I was so hopeful this plugin could do Exit Animations on Elementor, but it doesn’t.
In fact, it does absolutely nothing. I installed and activated this plugin, navigated
to the Motion Effects Advanced tab (like it says to do online), and it looked no
different than before I installed and activated the plugin. I tried reinstalling
and activating the plugin, and, still, nothing. How is this plugin used on Elementor?!
Hopefully, the creators of this plugin will see this review and tell me what’s going
on…

![](https://secure.gravatar.com/avatar/f6d9681eedd7409c52c37b069f05960c47549cc8398e7aa44ac9444275d91499?
s=60&d=retro&r=g)

### 󠀁[Amazing.. quick, simple and Free](https://wordpress.org/support/topic/amazing-quick-simple-and-free/)󠁿

 [mfarooqi](https://profiles.wordpress.org/mfarooqi/) 8 juillet 2024 2 replies

This is really an amazing small animation plugin which literally made my all custom
css ads templates in the website. Now wherever I need, I can use them. I have one
suggestion, if you could please add an option to link it to any URL. Then this will
be really great. Thank you

![](https://secure.gravatar.com/avatar/b7c4779672890a8436994ff6d7de044620b83774a38be2e386e1c6f751794463?
s=60&d=retro&r=g)

### 󠀁[Awesome](https://wordpress.org/support/topic/awesome-9805/)󠁿

 [dieter93](https://profiles.wordpress.org/dieter93/) 26 janvier 2023

Great plugin,super lightweight and still very powerfull. Very good work – thanks
for that

![](https://secure.gravatar.com/avatar/a63a753ab57d02f39fde7a0838a703fd1ab910d4bb4e2f558840f85584e18575?
s=60&d=retro&r=g)

### 󠀁[I couldn’t use it with the block editor.](https://wordpress.org/support/topic/i-couldnt-use-it-with-the-block-editor/)󠁿

 [pirigoin](https://profiles.wordpress.org/pirigoin/) 29 novembre 2022 2 replies

I searched througout options and documentation but I couldn’t find any guide or 
example of use with Gutenberg. There’s only a video that shows it but using the 
classic editor

![](https://secure.gravatar.com/avatar/a3bfe79e7bd5e0678517f7162d3910e9983469968c35a76195eb375ee1dbd961?
s=60&d=retro&r=g)

### 󠀁[Didn’t uninstall Settings panel](https://wordpress.org/support/topic/didnt-uninstall-settings-panel/)󠁿

 [kdock2](https://profiles.wordpress.org/kdock2/) 23 novembre 2022 5 replies

This plugin doesn’t make it clear which of the features it advertises are basic 
level and which are part of the Pro version, so I uninstalled. The plugin is no 
longer listed on the Plugins page, but the Settings page still appears under WordPress
Settings.

 [ Lire les 128 avis ](https://wordpress.org/support/plugin/animate-it/reviews/)

## Contributeurs & développeurs

« Animate It! » est un logiciel libre. Les personnes suivantes ont contribué à cette
extension.

Contributeurs

 *   [ eleopard ](https://profiles.wordpress.org/eleopard/)

“Animate It!” a été traduit dans 3 locales. Remerciez [l’équipe de traduction](https://translate.wordpress.org/projects/wp-plugins/animate-it/contributors)
pour ses contributions.

[Traduisez « Animate It! » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/animate-it)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/animate-it/), consulter
le [SVN dépôt](https://plugins.svn.wordpress.org/animate-it/), ou s’inscrire au 
[journal de développement](https://plugins.trac.wordpress.org/log/animate-it/) par
[RSS](https://plugins.trac.wordpress.org/log/animate-it/?limit=100&mode=stop_on_copy&format=rss).

## Historique des changements

#### Version 3.0.4

 * Tested up to version 6.8.3

#### Version 3.0.3

 * Tested up to version 6.5.2

#### Version 3.0.2

 * Fixes related to compatibility with other plugins.

#### Version 3.0.1

 * Fixes related to custom entry delay in Gutenberg block.

#### Version 3.0.0

 * Added custom Animate It! block for Gutenberg editor.

#### Version 2.4.1

 * Fixes related to mobile detect functionality

#### Version 2.4.0

 * Security Fixes

#### Version 2.3.9

 * Security Fixes

#### Version 2.3.8

 * Security Fixes

#### Version 2.3.7

 * Added link to Settings page in Plugin list page.
 * Settings page updated

#### Version 2.3.6

 * Security related fixes.

#### Version 2.3.5

 * Security fixes for XSS related vulnerability.

#### Version 2.3.4

 * Security fixes for XSS related vulnerability.

#### Version 2.3.3

 * Minor Bug Fixes to avoid editor button overflow while using inline editor in 
   Gutenberg.

#### Version 2.3.2

 * Minor Bug Fixes related to animation using Class generator.

#### Version 2.3.1

 * Minor Bug Fixes related to CSS

#### Version 2.3.0

 * 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.

#### Version 2.2.1

 * Bug fixes for chrome 61+ version

#### Version 2.2.0

 * Bug fixes for chrome 61+ version

#### Version 2.1.9

 * Bug fixes for chrome 61+ version

#### Version 2.1.8

 * Mobile_Detect class updated

#### Version 2.1.7

 * Minor Bug Fix related to Settings page

#### Version 2.1.6

 * Added spanish and german language support

#### Version 2.1.5

 * Minor bug fixes.

#### Version 2.1.4

 * Changes to avoid conflict with other animation scripts

#### Version 2.1.3

 * Minor Bug Fixes related to on scroll animation

#### Version 2.1.2

 * Minor Bug Fixes

#### Version 2.1.1

 * Minor changes to handle load time delay
 * Description updated

#### Version 2.1.0

 * Text domain added
 * Mobile_Detect class updated

#### Version 2.0.4

 * Minor fixes to support older version and classes added using class generator

#### Version 2.0.3

 * Minor fixes to support older version

#### Version 2.0.2

 * Minor fixes to support infinite animation added using older version

#### Version 2.0.1

 * Minor changes to handle higher load time

#### Version 2.0.0

 * 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 for tinymce popup

#### Version 1.4.4

 * Bug fix related to the addition of animation classes on widgets

#### Version 1.4.3

 * Some spelling correction.

#### Version 1.4.2

 * New Feature that will allow user to add custom CSS for additional delay, duration
   etc.

#### Version 1.4.1

 * Resolved bug related to nested shortcodes.

#### Version 1.4.0

 * Resolved issue related to CSS.
 * New feature that will allow user to add different scroll offset on individual
   animation blocks.

#### Version 1.3.3

 * Resolved issue related to nested shortcodes.

#### Version 1.3.2

 * Resolved issue related to infinite animation and on hover combination.

#### Version 1.3.1

 * Resolved issue related to widget content update and save.

#### Version 1.3

 * Capability to apply animation on Hover.
 * Capability to apply animation on Click.
 * Allow users to apply animation on WordPress Widgets.

#### Version 1.2.1

 * Resolved an issue related to multiple declaration of mobile_detect.php class.

#### Version 1.2

 * New options to add animation duration and infinite animation while applying an
   animation on WordPress Post, Page or widget.

#### Version 1.1

 * New options added under Settings-> Animate It! to enable or disable animations
   on Smartphones and Tablets.

#### Version 1.0

 * Initial public release.

## Méta

 *  Version **3.0.4**
 *  Last updated **il y a 4 mois**
 *  Active installations **30 000+**
 *  WordPress version ** 4.7.0 ou plus **
 *  Tested up to **6.8.5**
 *  Languages
 * [English (US)](https://wordpress.org/plugins/animate-it/), [Persian](https://fa.wordpress.org/plugins/animate-it/),
   [Russian](https://ru.wordpress.org/plugins/animate-it/), et [Swedish](https://sv.wordpress.org/plugins/animate-it/).
 *  [Traduire dans votre langue](https://translate.wordpress.org/projects/wp-plugins/animate-it)
 * Tags
 * [animate.css](https://fr-ca.wordpress.org/plugins/tags/animate-css/)[CSS3 animation](https://fr-ca.wordpress.org/plugins/tags/css3-animation/)
   [infinite](https://fr-ca.wordpress.org/plugins/tags/infinite/)[jquery](https://fr-ca.wordpress.org/plugins/tags/jquery/)
   [on scroll](https://fr-ca.wordpress.org/plugins/tags/on-scroll/)
 *  [Vue avancée](https://fr-ca.wordpress.org/plugins/animate-it/advanced/)

## Notes

 4.9 out of 5 stars.

 *  [  121 5-star reviews     ](https://wordpress.org/support/plugin/animate-it/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/animate-it/reviews/?filter=4)
 *  [  1 3-star review     ](https://wordpress.org/support/plugin/animate-it/reviews/?filter=3)
 *  [  2 2-star reviews     ](https://wordpress.org/support/plugin/animate-it/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/animate-it/reviews/?filter=1)

[Ajouter mon avis](https://wordpress.org/support/plugin/animate-it/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/animate-it/reviews/)

## Contributeurs

 *   [ eleopard ](https://profiles.wordpress.org/eleopard/)

## Support

Erreurs résolues ces deux derniers mois :

     0 sur 1

 [Voir le forum de support](https://wordpress.org/support/plugin/animate-it/)