Streaming live at 10am (PST)

Smooth appearance on Interection


#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: 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,


#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,


#4