Add Scroll-triggered Animations To Content – Animated Blocks

Animated Blocks is a WordPress plugin for the Gutenberg that enables you to animate any content blocks within the post as you scroll down the page.

Currently comes with 75+ CSS3 powered animations with configurable delay, threshold, opacity settings you can choose from.

The awesome animations are based on the popular Animate.css library.

How to use it:

1. Install the Animated Blocks plugin after you’ve installed the latest Gutenberg plugin.

2. On the Post Editing page, click the content block you want to animate on scroll.

Animated Blocks Edit Block-min

3. Click the Animation Settings in the Block panel on the right hand side of your screen, and then choose an animation you want to use.

Animated Blocks Animation Settings-min

4. That’s it. You can preview the animation directly in the Gutenberg editor.

5. Config the animation by adjusting the delay (in milliseconds), threshold (in pixels) and start opacity (0~1) as follows:

Animated Blocks Animation Config-min

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: Virgiliu Diaconu

Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
User Review
5 (1 vote)