Responsive Stats Preview Card Component using Flexbox

Community feedback

• 

  Sue Williams•110

  @Pixie-Code-CreatorPosted about 3 years ago

  Hiya, I am not sure if this is the right way, but I changed the opacity as follows: .image-office::after { position:absolute; content: ""; width: 100%; height: 100%; border-radius: 0 0.5rem 0.5rem 0; left: 0; top: 0; background-color: hsla(277, 64%, 45%, 0.7); z-index:1000; }

  Hope this helps!

  Marked as helpful

  1

  ---

  

  P

  Pillippa Ignacia Pérez Pons•460

  @PillinPosted about 3 years ago

  @Pixie-Code-Creator Hiii!!, you can try to use mix-blend-mode, there is an example here: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_mix-blend-mode-all. the one that comes closest to it is the multiply =)

  Marked as helpful

  1

  

  Yasmin•40

  @yasledesmaPosted about 3 years ago

  @Pixie-Code-Creator @Pillin Thank you so much guys! I'm working now, but I'm going to try it out later!

  1

  

  Sue Williams•110

  @Pixie-Code-CreatorPosted about 3 years ago

  @Pillin - Thanks so much for this. I will try it out.

  0