Archived topic
Fade in for specific class
3 replies · Started by QF on October 27, 2021
Hello,
I am a new generatepress and generateblocks user (both premium). I switched from elementor and I am very satisfied of your products, especially since the web core vitals update. I also very much appreciate the support you give here.
I have already found this topic that brought me a beginning of a solution. But it fades in the totality of the page on loading.
Is it possible to choose wich html class we want to fade in ? I'd like to fade in the H1, a div text, buttons and a container background on the home page. Can I add a css class to each of these and then modify the css from the topic I linked ?
Also, is it possible to provoque the fade in when the user scroll over instead of the loading of the page ?
I am very new to css unfortunatly.
Thank you in advance !
Hi there,
Is it possible to choose wich html class we want to fade in ? I’d like to fade in the H1, a div text, buttons and a container background on the home page. Can I add a css class to each of these and then modify the css from the topic I linked ?
It's possible. But it's going to be super tedious to implement if you plan to add the fadein animation w/ an entrance condition.
Elementor's fadein effect isn't as simple as it seems because there's a script involved in it to check for the element's position on the viewport for entrance condition. (positions like top center, center center, bottom center)
The CSS is real easy but the JS is the tedious part which is a custom development outside of our scope, unfortunately.
No problem !
Thank you for the answer !
Best regards.
No problem. Glad to be of any help. :D
