The Animate Blocks plugin makes use of AOS library to animate any Gutenberg blocks when they’re scrolled into view.
Animations included:
- fade
- fade-up
- fade-down
- fade-left
- fade-right
- fade-up-right
- fade-up-left
- fade-down-right
- fade-down-left
- flip-up
- flip-down
- flip-left
- flip-right
- slide-up
- slide-down
- slide-left
- slide-right
- zoom-in
- zoom-in-up
- zoom-in-down
- zoom-in-left
- zoom-in-right
- zoom-out
- zoom-out-up
- zoom-out-down
- zoom-out-left
- zoom-out-right
How to use it:
1. Search for the plugin name Animate Blocks on the Add Plugins page and enable the plugin on your WordPress website.
2. Create a new Animate Block in the Gutenberg editor.
3. Insert Gutenberg blocks to be animated.
4. Select the Animate Block and choose an animation type on the right side.
5. Config the scroll animation as per your needs. Possible options:
- Offset: offset (in px) from the original trigger point
- Easing: easing function for animations
- Once: whether the animation should happen only once – while scrolling down
- Mirror: whether elements should animate out while scrolling past them
- Anchor placement: defines which position of the element regarding to window should trigger the animation
- Delay: animation delay
- Duration: duration of the animation
Preview:
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: Team Jazz, Liip AG
Homepage: https://wordpress.org/plugins/animate-blocks/
Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.
