Title: Blocks Animation: CSS Animations for Gutenberg Blocks
Author: Hardeep Asrani
Published: <strong>30 avril 2019</strong>
Last modified: 27 mai 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.1.11.zip)

 * [Détails](https://fr-ca.wordpress.org/plugins/blocks-animation/#description)
 * [Avis](https://fr-ca.wordpress.org/plugins/blocks-animation/#reviews)
 * [Développement](https://fr-ca.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

## Blocs

Cette extension offre 5 blocs.

 *   Icon An inline SVG icon from the Lucide icon set.
 *   Text A rich text element with tag selection.
 *   Link An anchor element with link picker and rich text.
 *   Image A simple image element. Set via media library or direct URL.
 *   Box A generic wrapper element with tag selection and inner blocks. Supports
   details and summary tags for native disclosure widgets.

## Avis

![](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

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

### 󠀁[Excellent Plugin!](https://wordpress.org/support/topic/excellent-plugin-9771/)󠁿

 [K. M.](https://profiles.wordpress.org/blarney27/) 29 Décembre 2025 1 reply

Great plugiun, very easy to use!

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

### 󠀁[Really nice](https://wordpress.org/support/topic/really-nice-204/)󠁿

 [stirrell42](https://profiles.wordpress.org/stirrell42/) 19 novembre 2025 1 reply

This is a great plugin to add some nice animation to your blocks. Very simple to
use and has a lot of options for the animations.

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

### 󠀁[Great plugin!](https://wordpress.org/support/topic/great-plugin-41008/)󠁿

 [horinitro](https://profiles.wordpress.org/horinitro/) 4 novembre 2025 1 reply

This plugin is very easy-to-use and great animation tool. Thank you very much.

 [ Lire les 67 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).

## Historique des changements

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

## Méta

 *  Version **3.1.11**
 *  Last updated **il y a 1 mois**
 *  Active installations **90 000+**
 *  WordPress version ** 6.2 ou plus **
 *  Tested up to **7.0**
 *  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/).
 *  [Traduire dans votre langue](https://translate.wordpress.org/projects/wp-plugins/blocks-animation)
 * Tags
 * [animation](https://fr-ca.wordpress.org/plugins/tags/animation/)[css](https://fr-ca.wordpress.org/plugins/tags/css/)
   [effects](https://fr-ca.wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://fr-ca.wordpress.org/plugins/tags/gutenberg-blocks/)
   [transitions](https://fr-ca.wordpress.org/plugins/tags/transitions/)
 *  [Vue avancée](https://fr-ca.wordpress.org/plugins/blocks-animation/advanced/)

## Notes

 4.7 out of 5 stars.

 *  [  60 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

Erreurs résolues ces deux derniers mois :

     1 sur 1

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