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.

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.

�🌟🦋Amelia💜🌸Hey guys, I seem to be unable to add multiple linear gradients to a mask? Anyone...

capt_uhu•5/12/24, 3:44 PM

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 https://developer.mozilla.org/en-US/docs/Web/CSS/mask-composite

�

🌟🦋Amelia💜🌸OP•5/12/24, 3:47 PM

My 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

�

🌟🦋Amelia💜🌸OP•5/12/24, 3:47 PM

Ah, it should be intersect!, thanks for the codepen!