Smooth appearance on Interection

Design help General
1

Hi there,

I am trying to reproduce this download button appearance from Mailbox site when scrolling down the page: http://www.mailboxapp.com/

Here is my website: http://nexcafe.webflow.com/ (the public link to webflow: Webflow - NexCafé)

I believe I am quite close, but can’t make is “smooth” as on the Mailbox site. I tried using the transition feature but it only works on the first load and only on the self object.

Could someone help me here?

Best,

2

I’m not sure you have the right approach… I would put all the elements, including your button in the top bar. Then I would apply a displacement on the right, making the button disappear outside of the top bar. On interaction, I would make the inverse displacement… everything should run smooth then.

3

Hi @vincent, thanks for the prompt reply. I am not sure I understood the steps you described. Would you mind to detail it a bit more, please?

Best,