Stats preview (I couldn't turn purple the image)

Community feedback

• 

  Lemnsa•110

  @LemnsaPosted 12 months ago

  Hi @aka_shiguero great job there 👍🏽.

  There is a trick I use if you would not mind,

  1. I create a div element with a background color purple, width and height same with the image's.

  2. I set its position to absolute, so it should have an automatic z-index.

  3. Use the values of left, top to adjust it.

  4. Add opacity to the div class, till the image is same as in the design.

  I wish it helps you.

  Marked as helpful

  1

  ---

  

  aka_shiguero•150

  @eremitaitoPosted 12 months ago

  @Lemnsa Thanks for the trick! It is really helpful!

  0

  

  Lemnsa•110

  @LemnsaPosted 12 months ago

  @eremitaito You are welcome. Happy coding 🦾

  1
• 

  Cuau Cabrera•70

  @cuauh-cabreraPosted 12 months ago

  Hi @eremitaito!

  You can put your <img> inside a <figure><figure> element, then apply a purple (accent) color background to the <figure> element, and finally, apply a "mix-blend-mode: multiply” to your <img>.

  Marked as helpful

  0

  ---

  

  aka_shiguero•150

  @eremitaitoPosted 12 months ago

  @cuauh-cabrera thanks!

  0