Use an svg as clipping mask for div

Question

I would like to use a svg as a clipping mask for a div, so that where the svg is placed you see the fixed background. I tried to explain it here:

The size of the svg should depend on the screenwidth.

Is there a possibility to do that?

@Joonas Perfect! That's exactly what I had in mind. Great, thank you so much! — Matteo, Jun 9, 2018 at 10:42

score 1 · Accepted Answer · 2018-06-08 20:46:52Z

1

It is possible to make a big SVG covering the whole div in Illustrator with a transparency mask:

Here the result as a fixed image and a background image class to the div:

answered Jun 8, 2018 at 20:19

user120647

1

Thanks! But I was looking vor the ability to let it adjust to the screenwidth while the yellow foreground still covers 100% of the screen. It seems as if that would need a different approach, if possible after all.
– Matteo
Jun 8, 2018 at 21:27

Add a comment |

1 Answer 1