Streaming live at 10am (PST)

Smooth appearance on Interection

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: https://webflow.com/design/nexcafe?preview=cc00b0157e5389c92fbf95e9b54f9a75)

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,

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.

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,