Stats Preview Card - HTML/CSS/Flexbox

Community feedback

• 

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  You can try using the mix-blend-mode css property to get the overlay using the following steps:

  1. Add a background color to the div the image is contained in.

     .wrapper-right {
         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

  1
• 

  zachary boelter•100

  @zacharyboelterPosted almost 3 years ago

  Amazing!

  0