Description
After years of doing the manual work, I've come up with a plugin that I have been re-using in my own web projects for some time now.
This plugin takes great work by @michalsnik with his Animate on Scroll Library (AOS) and adds it to the most common Gutenberg blocks.
This is a open library with simple fields so that you can adjust the animations to every possible option. Animation controls are added to:
- group
- columns
- cover
- image
- media-text
- gallery
- embed
- paragraph
- heading
Don't see the block you need or programmed a custom block? Just put it inside a group to give you full animation control.
Frequently Asked Questions
What animation features can you control?
- style
- duration
- easing
- delay
- offset
- anchor (that triggers the animation)
- anchor placement
- once - single execution
- mirror - animate out when scrolling past
What blocks does it work with
- group
- columns
- cover
- image
- media-text
- gallery
- embed
- paragraph
- heading
Don't see the block you need or programmed a custom block? Just put it inside a group to give you full animation control.
Screenshots
A view of the configuration panel
Changelog
1.1.0
- Updated for WordPress 6.9+ compatibility
- Modernized JavaScript code with ES6 imports
- Updated npm dependencies to latest versions
- Improved PHP requirements to 7.4+
- Fixed package name typo
- Enhanced block editor dependencies
1.0.1
- Fix variable name
- Tested for WP 6.3
1.0.0
- Initial launch of app to WP
Upgrade Notice
1.0.0
- Initial launch of app to WP
1.0.1
This update fixes a possible conflict with other plugins
1.1.0
This update modernizes the plugin for WordPress 6.9+ compatibility and improved performance