How to remove the blinking effect

How To
1

Hi everyone, I’m having a bug with my animation. The content is displayed when the page loads and then becomes hidden before the animation starts.

I would like the content to be hidden before the animation begins.

I used the “FROM” option to animate with Bricksforge.

If I set the opacity to 0 on the elements, the animation doesn’t work.

Can anyone help me?

PS: I disabled LiteSpeed ​​Cache and Perfmatters during recording.

2

Hi,

I’ve replied to you on Facebook.
Afrer further testing for me it seems that the best way to avoid FOUC (or blinking) with bricksforge and (I repeat and) Splittext is:

  • wrap your animated text in a div. For example .wrapper
  • Your splittext animation would be for example .reveal

.wrapper will have css visbility:hidden and gsap.from autoalpha 0

Here you can see and test it further:

User: trybricksforge
Password: playground