Trying to make dark image areas transparent

I am trying to make a preview of a wall projection for the user.

The user uploads an image and it is then layered on top of a wall image, similar to what I have uploaded here. Only lighter areas are visible such as white writing and colours, black areas are completely transparent against the wall.

I cannot find any plugins that allow this but I’d be grateful if you know of one. I am guessing CSS is the best way but I am struggling to find a good tutorial.

Thanks In Advance!

Ok I found a solution by myself using CSS with mix-blend-mode: color-dodge;

Thanks for eading I hope this helps you if you have the same problem!

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.