Stats preview card using HTML and CSS

Community feedback

• 

  Emre Söylemez•220

  @soymzePosted 2 months ago

  Great work, congrats! About the image filter, Set the container of the image to position: relative;. Use the ::before pseudo-element with position: absolute; to create the overlay. Set the background-color. Apply mix-blend-mode: multiply; to blend the overlay with the image. Ensure the z-index of the pseudo-element is higher than the image to appear on top.But make sure to use hsla with some transparecy so we can see the photo behind it.Happy coding:)

  Marked as helpful

  0

  ---

  

  rawan-salah137•240

  @rawan-salah137Posted 2 months ago

  @soymze thanks alot it was helpful

  1