Title: Blocks Animation: CSS Animations for Gutenberg Blocks Author: Hardeep Asrani Published: نیسان 30, 2019 Last modified: نیسان 1, 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.8.zip) * [وردەکارییەکان](https://ku.wordpress.org/plugins/blocks-animation/#description) * [پێداچوونەوەکان](https://ku.wordpress.org/plugins/blocks-animation/#reviews) * [گەشەپێدان](https://ku.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 ## بڵۆکەکان ئەم پێوەکراوە 5 بڵۆک دابین دەکات. * Text A rich text element with tag selection. * Icon An inline SVG icon from the Lucide icon set. * Link An anchor element with link picker and rich text. * Box A generic wrapper element with tag selection and inner blocks. Supports details and summary tags for native disclosure widgets. * Image A simple image element. Set via media library or direct URL. ## پێداچوونەوەکان ![](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! [ خوێندنەوەی 65 پێداچوونەوە ](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## بەشداربووان و گەشەپێدەران “Blocks Animation: CSS Animations for Gutenberg Blocks” نەرمەواڵەیەکی سەرچاوە کراوەیە. ئەم کەسانەی خوارەوە بەشدارییان تێدا کردووە. بەشداربووان * [ 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” وەرگێڕدراوە بۆ 8 زمان. سوپاسی [وەرگێڕەکان](https://translate.wordpress.org/projects/wp-plugins/blocks-animation/contributors) دەکەین بۆ بەشداریکردنیان. [“Blocks Animation: CSS Animations for Gutenberg Blocks” وەربگێڕە بۆ زمانەکەی خۆت.](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) ### دەتەوێت بەشداربیت لە گەشەپێدان؟ [گەڕان لە کۆدەکەدا بکە](https://plugins.trac.wordpress.org/browser/blocks-animation/)، سەیری [تەمارگەی (SVN)](https://plugins.svn.wordpress.org/blocks-animation/) بکە، یان بەشداربە لە [ڕووداوتۆماری گەشەپێدان](https://plugins.trac.wordpress.org/log/blocks-animation/) لە ڕێگەی [(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.8** * دوایین بەڕۆژکردنەوە **3 حەفتە لەمەوبەر** * دامەزراندنی چالاک **90,000+** * وەشانی وۆردپرێس ** 6.2 یان بەرزتر ** * تاقیکراوەتەوە تا **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/). * [وەریبگێڕە بۆ زمانەکەی خۆت](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) * تاگەکان * [animation](https://ku.wordpress.org/plugins/tags/animation/)[block](https://ku.wordpress.org/plugins/tags/block/) [block-editor](https://ku.wordpress.org/plugins/tags/block-editor/)[editor](https://ku.wordpress.org/plugins/tags/editor/) [gutenberg](https://ku.wordpress.org/plugins/tags/gutenberg/) * [بینینی پێشکەوتوو](https://ku.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/) ## پشتیوانی ئەو کێشانەی چارەسەرکراون لە دوو مانگی ڕابردوودا: 1 لە 1 [بینینی مەکۆی پاڵپشتی](https://wordpress.org/support/plugin/blocks-animation/)