CSS: How to overlay a transparent color on background image

Guys Is it possible to over lay a transparent color on a background image with CSS

I don’t know whether that transparent violet color is of the Image or can we overlay a color on a background image using CSS

if possible please let me know how to do that :slight_smile:

Yes, you use a property called background-blend-mode to blend the background image and a background colour

1 Like


Wow, Thanks a lot man!!
I was trying to figure this out for hours

background-blend-mode: multiply; is what I am looking for,
Thanks again ; )

You might check out this method as well, in case that one doesn’t work for you. It’s weird, but it worked for me and it helped me understand the before:: pseudoelement.

1 Like