Streaming live at 10am (PST)

Button + brackgroundcolor transition doesn't work


hi everyone.

For some reason I always have trouble with buttons and the transition of the background color.
If you look at the linked site there's two buttons. I set the transition to 500ms or something but for some reason it only works for the shadow, not the backgroundcolor.

Is there a way to get the bachgroundcolor transition to be smooth too?

published site:

Cheers, j

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


Hi Onul,
It looks like there is an issue with the gradients you're using on the buttons. I removed the gradients and replaced them with solid colors and the transitions work fine when I do that

Likely because the transition doesn't recognize a gradient as a background color.


oh awesome thanks, that solved that.
I thought that a solid color equals background-color.

If I actually wanted to use a gradient or background image, which transition would I have to choose?


I've found gradient transitions to still be a bit clunky and too easily broken. You could check these links out if you want to tackle it.


Sweet thanks, I'll check these out!
And good to know gradient transitions aren't exactly ready for use yet.

Cheers, J

closed #6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.