@nakoyawilson
Posted
You can try using the mix-blend-mode css property to add the accent color to the image using the following steps:
- Change the background color of the containing div from blanchedalmond to the accent color:
.mid3 { ... background-color: hsl(277, 64%, 61%); ... }
- Use mix-blend-mode and opacity for the image itself:
.img { ... mix-blend-mode: multiply; opacity: 0.75; }
Marked as helpful
@nakoyawilson Thank-you so much for the reply and I have used the CSS property that you have mentioned and I found it to be very helpful you can't imagine how many CSS properties I have tried to achieve that, so thankyou very much.
@nakoyawilson
Posted
@Baqtiyar You're welcome! Glad I could be helpful.