Title: Blocks Animation: CSS Animations for Gutenberg Blocks Author: Hardeep Asrani Published: 30 Tháng 4, 2019 Last modified: 22 Tháng 7, 2026 --- Tìm kiếm plugin ![](https://ps.w.org/blocks-animation/assets/icon-256x256.png?rev=2619319) # Blocks Animation: CSS Animations for Gutenberg Blocks Bởi [Hardeep Asrani](https://profiles.wordpress.org/hardeepasrani/) [Tải về](https://downloads.wordpress.org/plugin/blocks-animation.3.2.1.zip) * [Chi tiết](https://vi.wordpress.org/plugins/blocks-animation/#description) * [Đánh giá](https://vi.wordpress.org/plugins/blocks-animation/#reviews) * [Nhà phát triển](https://vi.wordpress.org/plugins/blocks-animation/#developers) [Hỗ trợ](https://wordpress.org/support/plugin/blocks-animation/) ## Mô tả 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. ## Ảnh màn hình [⌊Block Animations⌉⌊Block Animations⌉[ Block Animations ## Đánh giá ![](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 Tháng 7, 2026 1 trả lời 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 Tháng 6, 2026 1 trả lời 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 Tháng 6, 2026 1 trả lời 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 Tháng 4, 2026 1 trả lời 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 Tháng 12, 2025 1 trả lời 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 Tháng 11, 2025 1 trả lời 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. [ Đọc tất cả 68 đánh giá ](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## Người đóng góp & Lập trình viên “Blocks Animation: CSS Animations for Gutenberg Blocks” là mã nguồn mở. Những người sau đã đóng góp vào plugin này. Những người đóng góp * [ 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” đã được dịch qua 10 ngôn ngữ. Cảm ơn [những người tham gia dịch](https://translate.wordpress.org/projects/wp-plugins/blocks-animation/contributors) vì đóng góp của họ. [Dịch “Blocks Animation: CSS Animations for Gutenberg Blocks” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) ### Muốn tham gia phát triển? [Duyệt code](https://plugins.trac.wordpress.org/browser/blocks-animation/), check out [SVN repository](https://plugins.svn.wordpress.org/blocks-animation/), hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/blocks-animation/) qua [RSS](https://plugins.trac.wordpress.org/log/blocks-animation/?limit=100&mode=stop_on_copy&format=rss). ## Nhật ký thay đổi You can check the changelog [here.](https://github.com/Codeinwp/otter-blocks/blob/master/CHANGELOG.md) ## Meta * Phiên bản **3.2.1** * Cập nhật lần cuối **2 tuần trước** * Số lượt cài đặt **90.000+** * Phiên bản WordPress ** 6.6 hoặc cao hơn ** * Đã kiểm tra lên đến **7.0.3** * Phiên bản PHP ** 5.4 hoặc cao hơn ** * Ngôn ngữ * [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/), và [Swedish](https://sv.wordpress.org/plugins/blocks-animation/). * [Dịch sang ngôn ngữ của bạn](https://translate.wordpress.org/projects/wp-plugins/blocks-animation) * Thẻ * [animation](https://vi.wordpress.org/plugins/tags/animation/)[css](https://vi.wordpress.org/plugins/tags/css/) [effects](https://vi.wordpress.org/plugins/tags/effects/)[gutenberg blocks](https://vi.wordpress.org/plugins/tags/gutenberg-blocks/) [transitions](https://vi.wordpress.org/plugins/tags/transitions/) * [Nâng cao](https://vi.wordpress.org/plugins/blocks-animation/advanced/) ## Đánh giá 4.7 trên 5 sao. * [ 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) [Xem tất cả đánh giá](https://wordpress.org/support/plugin/blocks-animation/reviews/) ## Những người đóng góp * [ Hardeep Asrani ](https://profiles.wordpress.org/hardeepasrani/) * [ Themeisle ](https://profiles.wordpress.org/themeisle/) * [ mariamunteanu1 ](https://profiles.wordpress.org/mariamunteanu1/) ## Hỗ trợ Các lỗi đã xử lý trong vòng hai tháng gần đây: 2 trên 2 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/blocks-animation/)