Stats preview card component

Community feedback

• 

  madhukar-30•340

  @madhukar-30Posted over 1 year ago

  just give position: relative to overlay div and use after ::after pseudo element to place the color over image the and then use mix-blend-mode property code:

  .overlay {

  width: 500px; position: relative;

  }

  .overlay::after {

  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: hsl(277,64%,61%);
  mix-blend-mode: multiply;
  

  }

  Hope it helps 👍

  Marked as helpful

  0