How do you create your own custom animations? And is it possible to insert a GIF that freezes on the last frame, triggered by the page loading?
Hello!
No, at this point it’s not possible to animate components in a way different than existing animations.
It’s in roadmap, but i can’t give you ETA…
Feel free to check this - https://www.wix.com/code/home/forum/feature-requests and vote for this feature)
Is there any way to control direction, duration, and delay on existing animations?
And is there any way I can create a gif that freezes on the last frame that plays automatically on the page loading
I dont think there is any way to stop gif animation (none that i’m aware of)
The only possible way that i see is to use setTimeout and hide image right after cetain time
But concern here is that you will never guess strict timing… And animation will start again
this is what i meant:
$w.onReady(function () {
setTimeout(()=>{$w(“#image1”).hide()}, 3000);
});
I see. I want to try and have an animation where the title of the page kind of falls onto the screen and stay as they land, but is this not really viable right now then?
instead of just hiding gif animation, you can hide it and right after this show last frame of animation - as another image
But main concern here is that setTimeout will (probably) work a little bit different on different machines and you will never be able to set up STRICT timing of this… It will flicker, disapear and then appear for milliseconds
I don’t think it’s possible to achive smooth animation this way.
What if the last frame of the animation remains still for say 2 seconds and after 1 second you .show an overlapping image, then a second later .hide the GIF?
You just need to try) It may work, but for sure this way was not tested
haha okay sweet, thanks for your help