IN HOVER (with transition duration):
RESULT (does not recognize transition time):
I just saw that the transition is applied on the appearance of the block when loading the page.
I take this opportunity to comment that when you duplicate a "hover color" block, the duplicated element remains completely blank until you restart BeBuilder.
When refresh BeBuilder page:
1) It does not work because the transition for gradient background does not work in CSS in general.
If you would like to achieve an imitation of gradient transition, I have found something like this:
2) We are currently working to resolve the problem with missing styles for duplicated elements.
The problem is not that I want to make a gradient transition, but that, although I choose a gradient background color, you leave the option of setting a transition time. So this leads to quite a bit of confusion because it seems like a bug more than anything else.
On the other hand, I have seen that the transition also acts on the input of the element (introducing paddings in transition).
If the transition is in the background section, why does it also make a transition in the margins and paddings?
More than anything, this section is quite confusing, really.
1) I will pass it to the dev team, and we will discuss removing the transition duration when the gradient is selected.
2) The transition is assigned to the whole element container, and that is why it is working on paddings and margins. It is a system limitation that we cannot overcome.
2) Sh*t :(
Well, we will adapt to the limitations.