Simple Button Hover transition not working

Design help General
1

Hi,

I am trying to create a simple smooth transition between the normal state and the hover state of a button. I just want to change the color of the button (the background color). While in the normal state, I have selected in Transitions “background color” and set the time to 400 ms. However, it does not create the smooth transition.
The button is the “Programare” button from the hero section in the homepage.

Has anyone else had this problem? Would really appreciate some help

Here is my site Read-Only: https://preview.webflow.com/preview/the-vet?preview=471b424eeb17e70fe8c3af5698b4521d

2

Hello @Andrei_Merisca

You’re using the wrong colour option, change it to the background colour which is the can of paint:

53%20pm
53%20pm730×348 25.4 KB

1 Like
3

Best way to show a different color when hovering will be with the Hover State and not with transitions.
See this short video.

After choosing a different color for Hover State, to smooth out the transition between the colors, do a Transition. see this video

ps. nice website!

1 Like
4

Thank you Aaronocampo! :pray:

1 Like
5

Thank you Eli11! Problem solved!

1 Like
6

I’ve tried to do this with a gradient background but it does not work, I want to make it transition smoothly, is this not offered by webflow?