Stats component card made using React and TailwindCSS
Design comparison
Solution retrospective
Hello! My main problem was the color filter for the image, just couldn't get it to be the right shade of purple. I used the overlay method from the NFT project but it wasn't the same. Please help me fix that part. If you see anything else, don't hesitate to tell me!
Community feedback
- @stephenikuomolaPosted over 2 years ago
Hello Remtaine!!!!
This is fantastic and really impressive from you as well. For the color filter for the image on the image class, element or id, you should apply the following properties;
img{ filter:opacity(75%); mix-blend-mode:multiply; }
This will give the image that effect as it make the background-color blend with it giving it that dark effect on the image.
Marked as helpful1@remtainePosted over 2 years ago@salutDami Thank you for this! I'll definitely try this out :)
0
Please log in to post a comment
Log in with GitHubJoin 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