I'm trying to get an interaction just right!

[parkerwest (Eli)]

I’m trying to get this interaction where you hover over a “see more” button and it increases in width then an arrow displays.

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[jorn (Jörn)]

Hi

Do you mean something like this?
http://button-hover-arrow.webflow.io/

Here’s the preview.
https://preview.webflow.com/preview/button-hover-arrow?preview=ada9d58a74aca75ff218a31e99630bc7

Hope it helps and happy designing, and ask away if you need more assistance

[parkerwest (Eli)]

Hello!

That is almost what I’m looking for except I am trying to get it so the width only extends to the right and the text stays stationary!

[jorn (Jörn)]

Check it out now. What I did was that I wrapped the button in a fixed width div so that the button could move inside. Play around and see if it helps

[parkerwest (Eli)]

This is perfect! Thank you so much!