This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
I just saw that the transition is applied on the appearance of the block when loading the page.
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
I take this opportunity to comment that when you duplicate a "hover color" block, the duplicated element remains completely blank until you restart BeBuilder.
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
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).
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
This is an embed external element. It can be deleted using the delete key or the backspace key. To view the full element, press the preview button below.
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.
Comments
I just saw that the transition is applied on the appearance of the block when loading the page.
Screen Recording 2022-05-18 at 10.05.11 AM.mp4
https://jmp.sh/xjrJQOTI take this opportunity to comment that when you duplicate a "hover color" block, the duplicated element remains completely blank until you restart BeBuilder.
Screen Recording 2022-05-18 at 10.14.20 AM.mp4
https://jmp.sh/iHaOjjIWhen refresh BeBuilder page:
Screen Shot 2022-05-18 at 10.15.52 AM.png
https://jmp.sh/KFJSp4CHi,
1) It does not work because the transition for gradient background does not work in CSS in general.
https://css-tricks.com/transitioning-gradients/
If you would like to achieve an imitation of gradient transition, I have found something like this:
https://levelup.gitconnected.com/gradient-transitions-with-css-f7004b89892
2) We are currently working to resolve the problem with missing styles for duplicated elements.
Thanks
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).
Screen Shot 2022-05-18 at 6.38.25 PM.png
https://jmp.sh/7IYyzfHScreen Recording 2022-05-18 at 6.40.19 PM.mp4
https://jmp.sh/q0QRUWwIf 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.
Thank you.
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.
Best regards
1) Great!
2) Sh*t :(
Well, we will adapt to the limitations.
Thanks!