Hey all, ive done a little searching and found some older posts that touch on this topic but didnt have a clear solution that helped me. All my buttons on my nav, as well as my help page sidebar links all have gradient backgrounds on hover, and id like to add times transition to this, but it does not seem to be working, any thoughts?
Update, since gradients didnt seem to work, ive created a background image with the gradient and used that instead, and its working now. Appreciated everyone. It appears that background gradient is bugged or not supported.
I appreciate your time, but I feel you don’t understand the issue. The gradient has been set, but the transition doesn’t work for background gradient, it is not an option i can select when creating the transition, and it doesn’t seem to be affected when i select all properties in the transition.
Also, all properties isnt like a regex check on the render process or anything, it doesnt have to loop through all styles, it just loops the class assigned to that element, it at most will add a ms or two the DOM load times and should have no impact once rendered.
For reference of others. It does appear the the current version of webflow simply doesnt reference background image or background gradient when adding transitions, but this does work when writing the css from scratch. In this scenario, I also added a text color change on hover, which tricks the eye into seeing the transition overall even though the background gradient is instant and only the text color actually transitions over the preset amount of time.
I think I understand your issue. It is hovering on a div block but with applied transition time. Like slowly appears black when you hover over a div block.
The answer is I doubled the div block. One with the image and gradient as the parent and relative position. The child div block would be absolute and with a black BG. There you can apply your transition hover time on the child div block.
I know it is too late to answer this but for anyone who have this issue in 2022.