Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats preview - problem with image filter

@llr3v0ll

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@AkoToSiJeromeEh

Posted

Hi! Great work out there! I just want to share my idea on how to match the color overlay of an image using CSS property mix-blend-mode: multiply (the bold text is the code i modify on your source code) i hope this simple idea is works and help. happy coding !

img {

opacity: 0.8;you can adjust this

height: 100%;

mix-blend-mode: multiply;

width: 100%;

border-radius: 0 0.5rem 0.5rem 0;

}

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord