I am trying to make a nice looking back ground consisting of two linear gradients, one horizontal and one vertical, layered on top of each other. I can make a one gradient background like so:
but I don’t know how to layer 2 gradients in one background image (of course I can make a gradient in a different div but that seems like bad practice).
…sets how an element’s background images should blend with each other and with the element’s background color.
So my suggestion would be to specify multiple gradients, one after another within a single backgroundImage property and then set the blend mode you need.
Or maybe just have some semi-opaque (using RGBA color values) gradients to begin with?