Multiple linear-gradient masks
Hey guys, I seem to be unable to add multiple linear gradients to a mask? Anyone who can tell me what I'm doing wrong.
3 Replies
That works, but it might not do what you are intending. I'm not sure what you actually intend. This creates two overlapping gradients that cause the top left corner to be faded. If your goal is to have them repeat, you must set mask sizes. If your goal is to have solid stripes, you must specify both the start and end for the stops.
https://codepen.io/jsnkuhn/pen/ZENYvYm possible that the masks are just not combining the way you expect them to? If so have a look at
mask-composite https://developer.mozilla.org/en-US/docs/Web/CSS/mask-compositeMy intention is to have two separate linear gradients and the corner isnt that important, they can overlap there
but i dont want the combination of the masks, i want both
i tried adding
but it hasnt fixed it
Ah, it should be intersect!, thanks for the codepen!