Title: Blocks Animation: CSS Animations for Gutenberg Blocks Author: Hardeep Asrani Published: 30 Abriil, 2019 Last modified: 12 Agoosto, 2026 --- Raadi kaabayaal ![](https://ps.w.org/blocks-animation/assets/icon-256x256.png?rev=2619319) # Blocks Animation: CSS Animations for Gutenberg Blocks Qore [Hardeep Asrani](https://profiles.wordpress.org/hardeepasrani/) [Soo Rog](https://downloads.wordpress.org/plugin/blocks-animation.3.2.2.zip) * [Faahfaahin](https://so.wordpress.org/plugins/blocks-animation/#description) * [Dibu-eegisyo](https://so.wordpress.org/plugins/blocks-animation/#reviews) * [Horumarinta](https://so.wordpress.org/plugins/blocks-animation/#developers) [Taageero](https://wordpress.org/support/plugin/blocks-animation/) ## Sharraxaad 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. ## Sawir-shaashado [⌊Block Animations⌉⌊Block Animations⌉[ Block Animations ## Dibu-eegisyo ![](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 Luulyo, 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 Juunyo, 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 Juunyo, 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 Abriil, 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 Diseembar, 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 Nofeembar, 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. [ Akhri dhammaan 68 dibu-eegis ](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## Ka-qaybgalayaasha & Horumariyayaasha “Blocks Animation: CSS Animations for Gutenberg Blocks” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan. Ka-qaybgalayaasha * [ 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” waxaa lagu tarjumay 10 luqadood. Way ku mahadsan yihiin [turjumaannada](https://translate.wordpress.org/projects/wp-plugins/blocks-animation/contributors) ka-qaybqaadashadooda. [Ku tarjun “Blocks Animation: CSS Animations for Gutenberg Blocks” luqaddaada.](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) ### Ma xiisaynaysaa horumarinta? [Baadh koodka](https://plugins.trac.wordpress.org/browser/blocks-animation/), fiiri [bakhaarka SVN](https://plugins.svn.wordpress.org/blocks-animation/), ama iska qor [diiwaanka horumarinta](https://plugins.trac.wordpress.org/log/blocks-animation/) adigoo adeegsanaya [RSS](https://plugins.trac.wordpress.org/log/blocks-animation/?limit=100&mode=stop_on_copy&format=rss). ## Isbeddellada You can check the changelog [here.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md) ## Meta * Version **3.2.2** * Last updated **2 maalmood kahor** * Active installations **90,000+** * WordPress version ** 6.6 ama ka sareeya ** * Tested up to **7.0.4** * PHP version ** 5.4 ama ka sareeya ** * 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/), and [Swedish](https://sv.wordpress.org/plugins/blocks-animation/). * [Ku tarjun luqaddaada](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) * Tags * [animation](https://so.wordpress.org/plugins/tags/animation/)[css](https://so.wordpress.org/plugins/tags/css/) [effects](https://so.wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://so.wordpress.org/plugins/tags/gutenberg-blocks/) [transitions](https://so.wordpress.org/plugins/tags/transitions/) * [Aragti Sare](https://so.wordpress.org/plugins/blocks-animation/advanced/) ## Qiimeynta 4.7 out of 5 stars. * [ 61 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/) ## Ka-qaybgalayaasha * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) * [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/) ## Taageero Dhibaatooyinka la xaliyay labadii bilood ee la soo dhaafay: 2 ee 2 [Eeg madasha taageerada](https://wordpress.org/support/plugin/blocks-animation/)