Themeisle

Hardeep Asrani

mariamunteanu1

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.

Blocks Animation: CSS Animations for Gutenberg Blocks

Basically works very well and is elegantly integrated. But you have to do a lot of clicks to change loading animation for instance. there are 3 accordions you constantly have to open/close and inside it is kind of context menu so you get kind of lost. And when you edit a page you can not see on the first sight which elements have an animation added. Would be nice to have an indicator for that like an outline or an icon appended to the block.

works good but UI needs improvements


The perfect complement to bring life to the elements of my website.


My favorite animation tool


Adds professional animations to your website!Easy to use


Simply super

Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with delay and duration controls — no code needed.

Farzad Sotoode

This plugin automatically adds CSS transitions to your WordPress website/blog and WordPress Admin Elements with hover/active/focus.
This transitions make your website attractive and everyone will enjoy visiting your website. This will Make transitions on ALL of Your elements in your template and WordPress admin. It depens to your template style to have hover or focus attributes.
CSS Transitions in “WP Transitions” are supported by the most recent version of every major browser (Firefox, Chrome, Internet Explorer 10, Opera, Safari). 
Also remember that if your template style using CSS Sprites, this may not work correctly sometimes. 
But if you want to use this plugin and your template style uses css sprites, you can simply fix this problem with adding an inline style attribute to those elements: 
 style=”transition: none; -webkit-transition: none;”
Please feel free to offer any feature suggestions you might have and I will consider them for future releases.
<a href="http://farzad.id.ir/" rel="nofollow ugc">Farzad</a>

WP Transitions

This plugin automatically adds CSS transitions to your Wordpress website/blog and Wordpress Admin Elements with hover/active/focus.

Blocks Animation: CSS Animations for Gutenberg Blocks vs WP Transitions