Streaming live at 10am (PST)

Simple Button Hover transition not working


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


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


#4

Thank you Aaronocampo! :pray:


#5

Thank you Eli11! Problem solved!