- This topic has 8 replies, 3 voices, and was last updated 5 months, 3 weeks ago by Ricardo.
March 31, 2017 at 10:55 am #300008Ian
I have a page made of sections. Other than the parallax effect, is there anything that will animate the sections when they appear, eg. slide in from the left/right, etcGeneratePress 1.3.46March 31, 2017 at 11:11 am #300012Roberto Enrique
Better than animating the sections themselves is to animate its contents.
You can use wow.js for that:
Just create a child theme and add the .js and .css files and then you just need to add the classes to your content as needed.April 1, 2017 at 12:51 am #300214TomLead DeveloperLead Developer
Great suggestion, Roberto!
If you wanted to animate the entire section, you would need to use some sort of animation library and then apply the animations to your section IDs.April 1, 2017 at 2:16 am #300231Ian
Thank you to you both. I also found Animate It! which works with content inside sections.April 1, 2017 at 8:17 am #300307TomLead DeveloperLead DeveloperJuly 20, 2020 at 3:36 pm #1370178Sergio
CSS animations for Gutenberg:
EDIT: Doesn´t work with GenerateBlocks!! It’s a pity because it’s a simple plugin and gives a lot of freshness to the web. Any solution please?July 21, 2020 at 3:43 am #1370582SergioSeptember 8, 2020 at 4:58 pm #1435930Eric
Built-in compatibility of GenerateBlocks with the Blocks Animation plugin (https://wordpress.org/plugins/blocks-animation/) would be cool. In the meantime, a workaround to use Blocks Animation with GenerateBlocks is to just manually add the CSS classes generated by Blocks Animation to your GenerateBlock. For example, you could do this:
- Create a regular block and assign the “Bounce In Down” animation to it (using the Blocks Animation plugin)
- View the page with your browser’s inspector to see what CSS classes were added (in this case it would be “animated bounceInDown”
- Create a GenerateBlock and add “animated bounceInDown” as CSS classes in the “Advanced” section
You could probably just figure out the class names for many of the other animations and skip steps 1 and 2 most of the time, too. 🙂September 8, 2020 at 7:01 pm #1435977Ricardo
Thank you so much for the workaround, @Eric. It was pretty useful.
I’d like to say that I’m using Generateblocks for the first time and I’m loving it. It looks very promising.
- You must be logged in to reply to this topic.