Title: Blocks Animation: CSS Animations for Gutenberg Blocks Author: Hardeep Asrani Published: 2019-يىلى 30-ئاپرېل Last modified: 2026-يىلى 6-ئىيۇل --- قىستۇرما ئىزدە ![](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.2.0.zip) * [تەپسىلاتلار](https://ug.wordpress.org/plugins/blocks-animation/#description) * [باھالاشلار](https://ug.wordpress.org/plugins/blocks-animation/#reviews) * [ئىجادىيەت](https://ug.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⌉⌊Block Animations⌉[ Block Animations ## باھالاشلار ![](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/) 2026-يىلى 29-ئىيۇن 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/) 2026-يىلى 17-ئىيۇن 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/) 2026-يىلى 17-ئاپرېل 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/) 2025-يىلى 29-دېكابىر 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/) 2025-يىلى 19-نويابىر 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/) 2025-يىلى 4-نويابىر 1 reply This plugin is very easy-to-use and great animation tool. Thank you very much. [ 67 باھالاشنىڭ ھەممىنى ئوقۇش ](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» 10 تىلغا تەرجىمە قىلىنغان. [تەرجىمانلار](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/) تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/blocks-animation/?limit=100&mode=stop_on_copy&format=rss) ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/blocks-animation/) گە مۇشتەرى بولغىلى بولىدۇ. ## ئۆزگىرىش خاتىرىسى You can check the changelog [here.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md) ## Meta * Version **3.2.0** * ئاخىرقى يېڭىلانغان ۋاقىت **4 كۈن بۇرۇن** * ئاكتىپ ئورنىتىش سانى **90,000+** * WordPress نەشرى ** 6.6 ياكى يۇقىرى ** * **7.0.1** دا سىنالغان * PHP نەشرى ** 5.4 ياكى يۇقىرى ** * تىل * [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/) ۋە [Swedish](https://sv.wordpress.org/plugins/blocks-animation/). * [تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) * بەلگە * [animation](https://ug.wordpress.org/plugins/tags/animation/)[css](https://ug.wordpress.org/plugins/tags/css/) [effects](https://ug.wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://ug.wordpress.org/plugins/tags/gutenberg-blocks/) [transitions](https://ug.wordpress.org/plugins/tags/transitions/) * [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/blocks-animation/advanced/) ## دەرىجە 4.7/5 يۇلتۇز * [ 60 5-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=5) * [ 2 4-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=4) * [ 2 3-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=3) * [ 0 2-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=2) * [ 3 1-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/blocks-animation/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/blocks-animation/reviews/#new-post) [بارلىق ئىنكاسنى كۆرسەت](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/) ## قوللاش يېقىنقى ئىككى ئايدا ھەل قىلىنغان مەسىلە: 2 / 2 [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/blocks-animation/)