Streaming live at 10am (PST)

Transitions tool not working on gradients


#1

Has anyone noticed the transitions working differently? I'm unable to get a gradient transition to ease-in-out on a button element.


#2

Hi @doctor you actually can't transition gradients. It's just not possible with CSS. What I would do is use inset box shadow (transparent black) that has a lot of blur to get a similar effect.

Here's how I set it up:


#3

Thanks!

For some reason only the ease out transition is working. Any idea why that might be?


#4

@doctor are you referring to the easing settings for transitions? All of them seem to be working for me.

http://easingtest.webflow.com/


#5