Stats Preview Card Component

Community feedback

• 

  JuvoGenesis👾•2,010

  @AkoToSiJeromeEhPosted over 1 year ago

  Hi! Great Work Out there , I just wanna share on how can i achieve the color overlay of the image using the CSS properties mix-blend-mode:multiply or background-blend-mode:multiply , in your case I prefer to use the mix-blend-mode:multiply since you are not using the image as a background , and if you add this CSS properties you can remove the properties ( filter: opacity(0.5) drop-shadow(0 0 hsl(277, 100%, 50%)); ) , (the bold text is the code i modify in your source code) i hope this suggestion works and helps. happy coding

  .img_container img {

  opacity: 0.8;you can adjust this

  width: 100%;

  height: 100%;

  mix-blend-mode: multiply;

  /* you can remove this filter: opacity(0.5) drop-shadow(0 0 hsl(277, 100%, 50%)); */

  }

  .img_container {

  background-color: blueviolet;you can change this

  width: 50%;

  height: 100%;

  }

  0