Title: Blocks Animation: CSS Animations for Gutenberg Blocks
Author: Hardeep Asrani
Published: <strong>30 avril 2019</strong>
Last modified: 29 septembre 2026

---

Recherche d’extensions

![](https://ps.w.org/blocks-animation/assets/icon-256x256.png?rev=2619319)

# Blocks Animation: CSS Animations for Gutenberg Blocks

 Par [Hardeep Asrani](https://profiles.wordpress.org/hardeepasrani/)

[Télécharger](https://downloads.wordpress.org/plugin/blocks-animation.3.2.7.zip)

 * [Détails](https://fr-be.wordpress.org/plugins/blocks-animation/#description)
 * [Avis](https://fr-be.wordpress.org/plugins/blocks-animation/#reviews)
 * [Développement](https://fr-be.wordpress.org/plugins/blocks-animation/#developers)

 [Support](https://wordpress.org/support/plugin/blocks-animation/)

## Description

Blocks Animation allows you to add CSS Animations to all of your Gutenberg blocks
in the most elegant way.

The UI for Blocks Animation feels so native and intuitive, you won’t even notice
it’s installed. Just install, and you will see animation settings in all the blocks,
right in the Block Settings Sidebar.

All the code and sources for this plugin are publicly available as part of https://
github.com/Codeinwp/otter-blocks.

## Captures d’écran

[⌊Block Animations⌉⌊Block Animations⌉[

Block Animations

## Avis

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

### 󠀁[Best animation plugin](https://wordpress.org/support/topic/best-animation-plugin-3/)󠁿

 [ikaddouri](https://profiles.wordpress.org/ikaddouri/) 2 septembre 2026 1 reply

excellent plugin, very easy to use

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

### 󠀁[I love it!](https://wordpress.org/support/topic/i-love-it-1046/)󠁿

 [podpirate](https://profiles.wordpress.org/podpirate/) 19 août 2026 1 reply

No limits, no bloat: well done!

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

### 󠀁[Clean, well made.](https://wordpress.org/support/topic/clean-well-made/)󠁿

 [stevegek](https://profiles.wordpress.org/stevegek/) 30 juillet 2026 1 reply

Easy 5/5. No issues. No bloat. Just a lightweight plugin that does exactly what 
I want, has mega logical controls and looks fantastic. Thank you so much man. Can
I get you a coffee or so? Only request I'd have is for Fade/Slide to have settings
so it only has a minimal slide. Slide distance/speed or something like that. But
my website looks already a lot less static with just the fade. Thanks once more.
AWESOME plugin!

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

### 󠀁[Best one](https://wordpress.org/support/topic/best-one-141/)󠁿

 [Shaan](https://profiles.wordpress.org/yafarhad/) 29 juin 2026 1 reply

I tried several plugins for block animations. This one is best and bloat-free.

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

### 󠀁[Perfect plugin](https://wordpress.org/support/topic/perfect-plugin-1470/)󠁿

 [Cyrille Sanson](https://profiles.wordpress.org/css31/) 17 juin 2026 1 reply

Thanks a lot.That was the plugin I'was looking for.

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

### 󠀁[Very simple and easily useful](https://wordpress.org/support/topic/very-simple-and-easily-useful/)󠁿

 [herenow7](https://profiles.wordpress.org/herenow7/) 17 avril 2026 1 reply

The joy of moving elements on your website to bring it to life. Very easy to use.
Great results

 [ Lire les 70 avis ](https://wordpress.org/support/plugin/blocks-animation/reviews/)

## Contributeurs & développeurs

« Blocks Animation: CSS Animations for Gutenberg Blocks » est un logiciel libre.
Les personnes suivantes ont contribué à cette extension.

Contributeurs

 *   [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/)
 *   [ Themeisle ](https://profiles.wordpress.org/themeisle/)
 *   [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/)

“Blocks Animation: CSS Animations for Gutenberg Blocks” a été traduit dans 10 locales.
Remerciez [l’équipe de traduction](https://translate.wordpress.org/projects/wp-plugins/blocks-animation/contributors)
pour ses contributions.

[Traduisez « Blocks Animation: CSS Animations for Gutenberg Blocks » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/blocks-animation)

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

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

## Journal

You can check the changelog [here.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md)

## Méta

 *  Version **3.2.7**
 *  Last updated **il y a 8 heures**
 *  Active installations **90 000+**
 *  WordPress version ** 6.6 ou plus **
 *  Tested up to **7.0.6**
 *  PHP version ** 5.4 ou plus **
 *  Languages
 * [Czech](https://cs.wordpress.org/plugins/blocks-animation/), [Dutch](https://nl.wordpress.org/plugins/blocks-animation/),
   [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/blocks-animation/), [English (UK)](https://en-gb.wordpress.org/plugins/blocks-animation/),
   [English (US)](https://wordpress.org/plugins/blocks-animation/), [French (France)](https://fr.wordpress.org/plugins/blocks-animation/),
   [German](https://de.wordpress.org/plugins/blocks-animation/), [Japanese](https://ja.wordpress.org/plugins/blocks-animation/),
   [Spanish (Chile)](https://cl.wordpress.org/plugins/blocks-animation/), [Spanish (Spain)](https://es.wordpress.org/plugins/blocks-animation/),
   et [Swedish](https://sv.wordpress.org/plugins/blocks-animation/).
 *  [Traduisez la dans votre langue](https://translate.wordpress.org/projects/wp-plugins/blocks-animation)
 * Tags
 * [animation](https://fr-be.wordpress.org/plugins/tags/animation/)[css](https://fr-be.wordpress.org/plugins/tags/css/)
   [effects](https://fr-be.wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://fr-be.wordpress.org/plugins/tags/gutenberg-blocks/)
   [transitions](https://fr-be.wordpress.org/plugins/tags/transitions/)
 *  [Vue avancée](https://fr-be.wordpress.org/plugins/blocks-animation/advanced/)

## Notes

 4.7 out of 5 stars.

 *  [  63 5-star reviews     ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=4)
 *  [  2 3-star reviews     ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=2)
 *  [  3 1-star reviews     ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/blocks-animation/reviews/#new-post)

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

## Contributeurs

 *   [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/)
 *   [ Themeisle ](https://profiles.wordpress.org/themeisle/)
 *   [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/)

## Support

Demandes résolues ces deux derniers mois :

     1 sur 1

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