Problem with elements "flashing" before animation "kicks in"

Friendly bump :)

Yes. you are right and I quess every user is having this annoying animation delay and flashing problem. This thing surely kills the beauty of SPPB.
I personally stoped adding SPPB animations all togother and switched to the animation effects of a plugin called Animate It :
https://www.downloads.eleopard.in/class-generator.html
And the effects are pleanty and plays smoothely.

Neverthe less. I hope the SPPB coders will soon find a solution to this drawback.

@jalaljoblo, thank you for confirming it really is an issue and it's not just some setting I have missed. I haven't digged into the root cause, but the solution should be nothing impossible. E.g. when I use the following CSS instead of built-in animation, it works perfect:

@keyframes myFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.fadein-animation {
opacity: 0;
animation: myFadeIn 0.8s forwards;
}

So with built in animation for example for fadein effect, it seems that the animated element's opacity is not set to "0" on page load for some reason.

Really hoping that the developers give some kind of an answer here that is the issue at least addressed and on the todo list.

Thanks!

I agree with you Martin, and hope the smart devs at joomshaper will find a solution soon.

Salam Taoufiq.
The problem or case in question, could be clearly seen in your main page. The text element : Grow your business with the world’s #.... appears for a second before activating the entended animation. Some sort of Falshing I might say.
This unstable case appears on Firefox.
I just tested it in Chrome, and it showed it as it should without flashing.
Regards

Hello Toufiq, and thanks for your attention.
Please browse these two testing pages to see the deference;
1- https://jormedia.com/ar/ani-test/test-jormedia-2-sp-ani
I used on this one the default SPPB ZOOM effect.. It starts with the picture appearing as it was entended to do so. Then after a while desappear and then plays the assigned zoom effect.
2- https://jormedia.com/ar/ani-test/test-jormedia-2-externa-ani
Now this one is the way the opening should be. No flashing and the image zooms in nicely.
On this one I used a script from
https://www.downloads.eleopard.in/class-generator.html

Really. I am a fan of sppb and want it to reach the top.
Hope the two examples were clear!

Regards

Like I said earlier, the malfunction is seen clearly on FIREFOX browser.

I can confirm that the same issue also exists with Win11 and Latest Chrome.

Maybe it helps in case jalaljoblo cannot provide admin access to his site.

This issue is clearly seen also in your template samples. E.g. here:
https://demo2.joomshaper.com/2023/allura/index.php

Toufiq
what package! give me the link please.