Design comparison
SolutionDesign
Community feedback
- @AkoToSiJeromeEhPosted over 1 year ago
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 helpful0
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