Reply To: Multiple Backgrounds: SVG pattern fade + CSS3 Gradient

[maskedwallaby]

If the gradient is on top, it’s just going to cover the SVG pattern, no? The reason I’d like to fade the SVG is so that the pattern doesn’t suddenly stop at the edge of the :before element. I want it to fade into the image.

For now I’m using a couple of PNGs laid atop the image with a @2x retina version in a media query. I don’t like how the pattern edges fail to line up on either side of the image, but the size is less than using my complicated SVG pattern.