Title: Blocks Animation: CSS Animations for Gutenberg Blocks Author: Hardeep Asrani Published: Апрель 30, 2019-ж. Last modified: Апрель 24, 2026-ж. --- Плагиндерди издөө ![](https://ps.w.org/blocks-animation/assets/icon-256x256.png?rev=2619319) # Blocks Animation: CSS Animations for Gutenberg Blocks Автору [Hardeep Asrani](https://profiles.wordpress.org/hardeepasrani/) [Жүктөө](https://downloads.wordpress.org/plugin/blocks-animation.3.1.9.zip) * [Кенен маалымат](https://ky.wordpress.org/plugins/blocks-animation/#description) * [Сын-пикирлер](https://ky.wordpress.org/plugins/blocks-animation/#reviews) * [Development](https://ky.wordpress.org/plugins/blocks-animation/#developers) [Колдоо](https://wordpress.org/support/plugin/blocks-animation/) ## Сүрөттөө 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. ## Скриншоттор * [[ * Block Animations ## Блоктор This plugin provides 5 blocks. * 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. ## Сын-пикирлер ![](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, 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, 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, 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, 2025-ж. 1 reply This plugin is very easy-to-use and great animation tool. Thank you very much. ![](https://secure.gravatar.com/avatar/f4402d7801ecd256bdedbeed22cf77186fc5147bdb8c83d04696a6d8901fbf6d? s=60&d=retro&r=g) ### 󠀁[Very good and useful plugin](https://wordpress.org/support/topic/very-good-and-useful-plugin-26/)󠁿 [alfonsobb](https://profiles.wordpress.org/alfonsobb/) Октябрь 23, 2025-ж. 1 reply A very easy-to-use plugin that delivers spectacular results when animating any blog. I’m really happy to have installed it on my site. Thank you very much. ![](https://secure.gravatar.com/avatar/a9f5fb5f940149cad21e94e7e77e3b937ca77abfda0f5da7d70f85f0af8084cd? s=60&d=retro&r=g) ### 󠀁[Great and easy-to-use plugin](https://wordpress.org/support/topic/great-and-easy-to-use-plugin-60/)󠁿 [KS](https://profiles.wordpress.org/karl19/) Октябрь 22, 2025-ж. 1 reply Wanting to add a bit of block animation to a site, I tried this plugin out and found it very easy to use. There are a lot of different animation types to choose from, by dropdown. After that one can alter the finer settings. Great and simple to use, thanks! [ Read all 65 reviews ](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## Contributors & Developers “Blocks Animation: CSS Animations for Gutenberg Blocks” is open source software. The following people have contributed to this plugin. Мүчөлөрү * [ 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” has been translated into 8 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/blocks-animation/contributors) for their contributions. [Translate “Blocks Animation: CSS Animations for Gutenberg Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/blocks-animation/), check out the [SVN repository](https://plugins.svn.wordpress.org/blocks-animation/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/blocks-animation/) by [RSS](https://plugins.trac.wordpress.org/log/blocks-animation/?limit=100&mode=stop_on_copy&format=rss). ## Өзгөртүүлөр You can check the changelog [here.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md) ## Мета * Нуска **3.1.9** * Акыркы жаңыртуу **3 жума мурун** * Активдүү орнотуулар **90,000+** * WordPress нускасы ** 6.2 же андан жогору ** * Tested up to **6.9.4** * PHP нускасы ** 5.4 же андан жогору ** * Тилдер * [Czech](https://cs.wordpress.org/plugins/blocks-animation/), [Dutch](https://nl.wordpress.org/plugins/blocks-animation/), [English (UK)](https://en-gb.wordpress.org/plugins/blocks-animation/), [English (US)](https://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/) жана [Swedish](https://sv.wordpress.org/plugins/blocks-animation/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) * Тег: * [animation](https://ky.wordpress.org/plugins/tags/animation/)[block](https://ky.wordpress.org/plugins/tags/block/) [block-editor](https://ky.wordpress.org/plugins/tags/block-editor/)[editor](https://ky.wordpress.org/plugins/tags/editor/) [gutenberg](https://ky.wordpress.org/plugins/tags/gutenberg/) * [Advanced View](https://ky.wordpress.org/plugins/blocks-animation/advanced/) ## Рейтинг 4.7 out of 5 stars. * [ 58 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/) ## Мүчөлөрү * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) * [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/) ## Колдоо Комментарийлер барбы? Жардам керекпи? [Колдоо форумун көрүү](https://wordpress.org/support/plugin/blocks-animation/)