Streaming live at 10am (PST)

Background Color Transition Not Working

#1

Hello,

Working on my new website, for some reason, the background transition on my top section button “Get Started” will not work. I thought I was doing something wrong, but I set the hover color to the red, and changed the transition on the none selector on the element. When I selected all properties it recognized the only change was the BG color but still did not work. I even set the ease to 1000ms just to see and still nothing. Anyone see what I’m doing wrong?

Thanks!

https://preview.webflow.com/preview/td3-rebrand?utm_source=td3-rebrand&preview=ad938d033fd4bcaa3f12fb7017a5c4be


Here is my public share link: LINK
(how to access public share link)

#2

Hi @TD3Marketing

Just remove the extra color layer that you have on your button and it’ll work. The transition animation won’t work with this extra color:

#3

@donaldsv Thanks!

One more quick question, where can I set the transition for the dropdown menus? I want to add some easing to it so it doesn’t pop right down.

Thanks for your help!

#4

I don’t think it’s possible with the dropdown component at the moment I might be wrong @PixelGeek ? You would have to custom build your own dropdown and use interactions to control the animation.

#5

thats correct. you’ll need to build a custom dropdown from scratch and add your own interactions to it.

1 Like