Multiple gradient support for layering gradients

Now that we have the gradient picker it might be worth adding support for multiple gradients? CSS supports layering gradients by comma separating them in the background-image property. It would also require background-size and background-position properties per gradient to control positioning and sizing.

Maybe not now but in a future update perhaps?

3 Likes

It crossed my mind to do this, but was afraid it would make the Gradient UI a little too complex. We might do something like an Advanced gradient mode which is a list of individual gradients. Or just a raw mode which lets you paste in whatever you want. Size and position can be used on individual gradients so we might start by adding that into the gradient builder first. Thanks for the feedback.

1 Like

Yeah I can imagine it would be difficult to keep the UI simple. An advanced mode would be great to hide the complexity until it’s needed.

Thanks for considering!

1 Like

You can also layer gradients through background layers which can yield interesting results.

That’s a way to do it though only for a maximum of 2 gradients :smiley: