I’m trying to recreate the following, but get a very jittery experience:
For the purple screen, I’ve created this as a Group (Group Main) that takes 100% of the height/width.
For the Sign Up / Log In white screens I’ve created them as floating groups (let’s say FloatingGroup A and FloatingGroup B)
On click of a button e.g. Log In, I’m running the following workflow:
Animate Group Main - TransitionNoBounceLeftOut - Duration 3000ms
Animate FloatingGroup A - TransitionNoBounceRightIn - Duration 1500ms
The FloatingGroup A animation seems to happen happen really quickly at the start, and then jerkily speed up to finish. There also appears to be some transparency of the two layers, not sure why???
I had also wanted to send Params to the URL, but had removed this [reluctantly] as it was resulting in a page refresh - if you know how to implement a smooth transition with sending params to URL, that would be ideal
These two videos have two different animations. Which one exactly do you want?
I made the same as the first video for you, of course, because there was no content for the next page, it is now empty.
When you put content, if you encounter a problem, tell me so that I can fix it, there is a trick for that.
you’re welcome.
Yes, the use of workflow animations cannot be customized, you can create all kinds of animations with the states and settings of your element.
For a more complex example, look at this animation for the theme change icon in the corner of the page.