Stats Preview Card Component

Community feedback

• 

  P

  Arnold Limberg•410

  @CreativeLogicPosted 8 months ago

  Hi. You can add a mix blend multiply effect on the image. Wrap the image around a div and set the div to the background color of the insight word. Then add the effect in CSS and opacity. Grab the values from the figma file. This effect blends the image with the background color.

  Marked as helpful

  0

  ---

  

  P

  Nizi•200

  @XNiziPosted 8 months ago

  Hi @CreativeLogic Thank you for feedback and spending time for read a code. I tried using a mix blend, could you see if it's ok?

  0

  

  P

  Arnold Limberg•410

  @CreativeLogicPosted 8 months ago

  @XNizi Hi. The effect is visible now. I actually think your version looks better aesthetically. It's clearer, but the design is a bit different. You can play with the values to get it to look more like the design like opacity. Now it's a question of how close you want it to be a design or if you like your version more.

  Also, I think the design had opacity lowered for the paragraph text and subheadings under the stats.

  0