Trying to create advanced button animation

Design help General
1

Hi, community,

I am trying to create a button animation, but it isn’t working. Can someone help me? Do I need any code, or can I create it with interactions?

ScreenRecording2024-05-17at11.44.58-ezgif.com-video-to-gif-converter

2

Hey Susanne

You should be able to do this by extending the button’s width and fading the arrow from 0% opacity to 100% with the Webflow animations on hover.

If you’d like to make it easy for yourself, expand to a fixed width; but if you’d like to make it responsive depending on the length of the text, you might want to use %

3

Thanks for your reply,

My main problem is with colors and gradients. My animation consists of several parts:

  1. arrow
  2. changing the button gradient
  3. a part of the copy is changing the color also

Every time something is not working.