Blocks Animation: CSS Animations for Gutenberg Blocks

توسط Hardeep Asrani

توضیحات

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 بلوک ارائه می‌دهد.

Icon An inline SVG icon from the Lucide icon set.
Text A rich text element with tag selection.
Image A simple image element. Set via media library or direct URL.
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.

نقد و بررسی‌ها

K. M. دسمبر 29, 2025 1 پاسخ

Great plugiun, very easy to use!

stirrell42 نوامبر 19, 2025 1 پاسخ

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.

horinitro نوامبر 4, 2025 1 پاسخ

This plugin is very easy-to-use and great animation tool. Thank you very much.

alfonsobb آکتوبر 23, 2025 1 پاسخ

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.

KS آکتوبر 22, 2025 1 پاسخ

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!