WordPress Gutenberg Block Editor Awesome Animations

How to animate WordPress Gutenberg Blocks with a free WordPress plugin.

Links

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.

Timeline
0:00 - Introduction
0:10 - Gutenberg Block Editor
1:20 - The Blocks Animation free plugin
1:50 - How to add CSS animations to the Gutenberg Block Editor
2:05 - The plugin settings
2:45 - The animation styles

[craigburton]

That intro music alone was worth the sub, outstanding!

[innly]

I shared this with our content team. You are an absolute wealth of valuable tips and tricks. Thank you.

[kirkoconnor]

Thanks so much for your high quality WordPress info. Always interesting and valuable. Keep up the great work!

[javierfito]

You just made my web 10 times better! Thank you!

[martinkaspar]

hi dear Jamie - just another outstanding video from you. Many thanks - you are one of my favorite WordPress-expert.
Keep up your awesome project. It rocks.

[christopherwells]

The design and layout of the website is very nice. Thank you for showing us what is coming or sort of here at the moment.

[earthgraduate]

Hello Jamie, i really appreciate the way you explain different subjects in your channel, it's been very informative and useful for me . Please keep up .👍

[cortjezter]

Very useful. Saved me loads of time via the "trial and error" method. Cheers!

[santhiamorales]

OMG I've been looking for something like this the whole day. Thank you!

[pauls]

Great video, thanks or posting Jamie. Liked and subscribed. Love the cat at the end! Made mine jealous!!

[davidsonzed]

Hi Jamie, does this block have things like 'on mouse over', 'on scroll', etc... to start an animation effect?

[jeosbeavadra]

You've just earned a new sub. Thanks for your awesome and valuable video

[jamesmarsh]

i had a big chuckle during the 'block of the week" jingle

[josecalcagni]

👉👉👉👉 Jamie, thank you so much, what an excellent tutorial! Very clear and well explained. And with very practical and valuable information. Greetings from Santiago de Chile. 😃👌👍

[udayasaman]

You got a like and a subscriber for this valuable content. Cheers! 😃😃

[celinedaumesnil]

Merci ! just what I needed - I remember doing this on Elementor, but it's so much lighter (and free 😀) with Gutemberg

[binodmanandhar]

Hi there,
is there a way to write a custom script to change animation fade in and fadout effect to 2mins?
I have tried but didn't work.

[vishalmukadam]

Is is same as installing otter blocks? I mean when you install Otter blocks we do not need the plugin? I think I will have to test that. Thank for the nice video that Jello effect on pricing card looks amazing.

[dinukakularathna]

Great video. Thank You! Is this plugin working with Kadence Blocks?

[Ausranch]

Hey that's fun! Thank you! My cats go a bit nutty over the end of your videos. ;-)