[Resolved] Animations

[Liam]

Hi,

I have a potential client who I’m thinking of recommending a replatforming job on to GeneratePress + GenerateBlocks for performance optimization.

One thing they would want to keep is their use of animations for in-page elements, and page preloading to hide any layout shift. I am including a link to a sample page in the private area.

I’m not too technical myself so I hire in a developer for any code-related work. My question is: would replicating these types of animations and preloading effects – in a performance-conscious way – involve significant code and developer time if I used GeneratePress?

Thanks.

[David]

Hi there,

the preload animation will probably require its own plugin… but there should be no reason for CLS issues so i would say try and tackle that issue IF it arises.

On Scroll Animations – if you don’t mind handling a bit of code, George ( one of the GP site designers ) put this tutorial together:

https://www.gmitropapas.com/generatepress-tips-and-tricks/generateblocks/scrolling-animation-effects-in-generateblocks-pro/

Or there are plugins that you can use.

So top answer your question, yes it is possible to add anims that are reasonably performant the above method is about as light as it gets. And it don’t take much code or developer time to implement. Have a play – see how you get on 🙂

[Liam]

Hi David,

That’s great – thanks a lot for the detailed response. I appreciate it.

[David]

You’re welcome

[Chris]

Hi David,

Is it possible to add any simple animations to blocks without Generate Blocks Pro?

Thanks!
Kim

[Fernando]

Hi Chris,

Yes, it’s possible, you’ll just need custom CSS. For instance, see this thread: https://generatepress.com/forums/topic/how-to-apply-the-underline-on-hover-effect-to-menu-item-text/

[Chris]

Thanks Fernando. Ideally I would like these animations to appear on scroll. Ie a photo fading in. Or, text sliding in from one side. Is this possible? If so, do you have any guides or tutorials on this?

Thanks!

[David]

Hi there,

maybe this plugin ?

https://wordpress.org/plugins/animated-blocks/

[Author]

Posts