Is it possible to change the animation details depending on the function calling on the animation? I know that you can list what animation you want in the parentheses like .show(“SlideIn”). But say I wanted the “slide in” to be delayed when the element first loads but don’t want it to be delayed when I mouse over it, is it possible to code the function in a way to change the delay time or direction of animation?
I’m also wondering if it’s possible to change the loading animation depending on which page you navigate from. For example, if I navigate from the main page, I want all my page content to slide in from the right. However, if I navigate from the About page, I want it to slide in from the top. Is that possible?
Hi,
It’s not yet possible to control the animation properties. Please submit a feature request and we will take it under consideration.
You can work around it in the meantime, by having 2 text elements, one with a first time delay and a second with a faster delay for the mouse hover.
Overlay the two elements on top of each other, set the second one to “hidden on load”, and when the page loads - hide the first one and show the second.
Let me know if it works or if you need more guidance on how to achieve that.
@Tomer, this is interesting. Do you have a video showing how this is done? TIA!
Not really…
Start with having 2 text elements, each with its own delay. Once you have that working, let us know and we’ll continue from there.