Ahlam• 300
@AhlamAb22
Posted
Actually, it's enough to have a background-color and then use mix-blend-mode: multiply; and then control the opacity
1
Design comparison
Solution retrospective
I really struggled to do an overlay of purple hue over the image. I ended up using a div with a background of the image url, but this omits any alt text which comes with an img element. I couldn't get a ::before or ::after pseudo element to work with an img element. Are there some rules that I don't know about? Does anyone have any good articles/tutorials on doing overlays over an image?
Thanks!
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord