Streaming live at 10am (PST)

Origin point for size interaction, not transformation

Hello community! :fox_face:

I’m working on a design for a yet-to-be published site for my company in France.

I am having trouble with the interaction of a floating action Contact button.

My goal is to create something like this.

I based my interactions off of this webflow tutorial.

Here’s what I currently have :
fab

The two difficulties I have,

  1. I can’t figure out how to change the origin point for the size interaction? The only place I see an origin point is in the transformation panel, but I can’t find one in the interactions panel.

07

  1. The interaction triggers a size change on a Div block that contains a text box (PARLONS-NOUS). Even though I checked hide overflow, the text doesn’t disappear when the div does?

26

I’m very new to webdesign and this is my first webflow project (as well as my first post on this forum!) I’d really appreciate any help! Cheers. :grinning:

Here is my public share link: https://preview.webflow.com/preview/vodfactory?utm_medium=preview_link&utm_source=dashboard&utm_content=vodfactory&preview=41bf160d2bc5166c659e7af4a1cb79a8&mode=preview

(PS The button is not currently in the right place on my site, but I plan to put it in the bottom right corner, that’s why I would like it to animate to the left.)