How to add mesh overlay to image or video

Anderson_Min · May 6, 2017, 1:58pm

Hi, I know webflow can add image or color overlay to background image or video. I want to add mesh overlay, like this

,
I upload a mesh pic, but don’t know how to set the overlay pic opacity? Is there another way can do this ?

Thanks

aaronocampo · May 6, 2017, 10:59pm

The proper way to do it is with a png file that contains the pattern that you want on top of your image.

Here is a project where you can see how I built it:

Go to page “Overlay Mesh” to see every part of it.

If you want to adjust the opacity of the mesh you need to put the pattern image background div on top of the image and give it a specific opacity.

Let me know if that helps.

Anderson_Min · May 7, 2017, 8:12am

Great, Thanks. It works.

Can you help me check this problem?

Noboby reply.
Thanks

java_I_tess · May 7, 2017, 2:04pm

I was just trying to do this! Thanks!

system · July 7, 2017, 11:09am

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.