"Get interesting insights using this page and grow"

Community feedback

• 

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  You can try using the mix-blend-mode css property to add the accent color to the image using the following steps:

  1. Change the background color of the containing div from blanchedalmond to the accent color:

     .mid3 {
       ...
       background-color: hsl(277, 64%, 61%);
       ...
     }
     
     

  2. Use mix-blend-mode and opacity for the image itself:

     .img {
       ...
       mix-blend-mode: multiply;
       opacity: 0.75; 
     }
     

  Marked as helpful

  0

  ---

  

  MD BAQTIYAR AHMED KHAN•40

  @BaqtiyarPosted almost 3 years ago

  @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.

  0

  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  @Baqtiyar You're welcome! Glad I could be helpful.

  0